敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多。
♦ JS-SDK 引用方式:
♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20251019.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));
}
});
监听回调数据: