敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多。
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20240925.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package
请搜索并选择投屏设备:
请将手机与支持DLNA播放的设备连接在同一个局域网中。
jsBridge.dlna.search(function(succ, data) { if (succ) { //data 为数组类型,已搜索到的设备列表 show(data); putSelectOption(data); } else { alert(JSON.stringify(data)); } }); /* data 回调参数说明: [ { uid : "xxxxx", //DLNA设备标识 uid name: "客厅TV", //设备名称 link: "http://..." //设备描述链接 } ] */
jsBridge.dlna.devices(function(succ, data) { if (succ) { //data 为数组类型,已搜索到的设备列表 show(data); putSelectOption(data); } else { alert(JSON.stringify(data)); } });
视频地址:
jsBridge.dlna.videoResource({ //必须,搜索出来的DLNA设备 uid(上方的下拉选择框) uid : document.getElementById("devices").value, //必须,视频链接 url : document.getElementById("videoResource1").value, title : "阿里云视频", creator: "佚名" }, function(succ, data) { alert(succ ? "已设置" : JSON.stringify(data)); });
视频地址:
jsBridge.dlna.videoResource({ //必须,搜索出来的DLNA设备 uid uid : document.getElementById("devices").value, //必须,视频链接 url : document.getElementById("videoResource2").value, title : "CCTV-3综艺", creator: "CCTV" }, function(succ, data) { alert(succ ? "已设置" : JSON.stringify(data)); });
jsBridge.dlna.play({ //必须,搜索出来的DLNA设备 uid uid: document.getElementById("devices").value }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
jsBridge.dlna.pause({ //必须,搜索出来的DLNA设备 uid uid: document.getElementById("devices").value }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
jsBridge.dlna.stop({ //必须,搜索出来的DLNA设备 uid uid: document.getElementById("devices").value }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
jsBridge.dlna.seek({ //必须,搜索出来的DLNA设备 uid uid: document.getElementById("devices").value, //必须,时间位置,如25秒 relativeTimeTarget: "00:00:25" }, function(succ, data) { if (!succ) { alert(JSON.stringify(data)); } });
jsBridge.dlna.mediaInfo({ //必须,搜索出来的DLNA设备 uid uid: document.getElementById("devices").value }, function(succ, data) { if (succ) { show(data); } else { alert(JSON.stringify(data)); } });
jsBridge.dlna.positionInfo({ //必须,搜索出来的DLNA设备 uid uid: document.getElementById("devices").value }, function(succ, data) { if (succ) { show(data); } else { alert(JSON.stringify(data)); } });
监听回调数据: