WebApp快捷打包
DLNA 投屏
转到模块插件

敬告:此 DEMO 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,了解更多

JS-SDK 引用方式:

♦ 普通网页 script 方式加载:下载最新版 jsBridge-v20241118.zip,请在页面上调用 jsBridge 接口之前引用 jsbridge-mini.js 库;

♦ js module 方式引用:npm install ym-jsbridge 具体请参考 npm package

请搜索并选择投屏设备:

search 搜索与手机处于同一网络内的 DLNA 设备

请将手机与支持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://..."  //设备描述链接
  }
]
*/

devices 获取当前已搜索到是设备列表

jsBridge.dlna.devices(function(succ, data) {
  if (succ) {
    //data 为数组类型,已搜索到的设备列表
    show(data);
    putSelectOption(data);
  } else {
    alert(JSON.stringify(data));
  }
});

videoResource 设置需要播放的视频源 - 点播

视频地址:

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));
});

videoResource 设置需要播放的视频源 - 直播

视频地址:

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));
});

play 播放

jsBridge.dlna.play({
  //必须,搜索出来的DLNA设备 uid
  uid: document.getElementById("devices").value
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

pause 暂停

jsBridge.dlna.pause({
  //必须,搜索出来的DLNA设备 uid
  uid: document.getElementById("devices").value
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

stop 停止

jsBridge.dlna.stop({
  //必须,搜索出来的DLNA设备 uid
  uid: document.getElementById("devices").value
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

seek 移动时间

jsBridge.dlna.seek({
  //必须,搜索出来的DLNA设备 uid
  uid: document.getElementById("devices").value,
  //必须,时间位置,如25秒
  relativeTimeTarget: "00:00:25"
}, function(succ, data) {
  if (!succ) {
    alert(JSON.stringify(data));
  }
});

mediaInfo 获取当前媒体信息

jsBridge.dlna.mediaInfo({
  //必须,搜索出来的DLNA设备 uid
  uid: document.getElementById("devices").value
}, function(succ, data) {
  if (succ) {
    show(data);
  } else {
    alert(JSON.stringify(data));
  }
});

positionInfo 获取当前播放位置信息

jsBridge.dlna.positionInfo({
  //必须,搜索出来的DLNA设备 uid
  uid: document.getElementById("devices").value
}, function(succ, data) {
  if (succ) {
    show(data);
  } else {
    alert(JSON.stringify(data));
  }
});

监听回调数据: