dlna模块demo示例

52yaoer · *发表于 2018-11-12 21:29:08*

DLNA模块实现了局域网LAN下使用WIFI连接的智能设备实现投屏功能, 本模块支持各大主流电视盒子(小米,华为,乐视,移动魔百盒等), 可以播放,暂停,快进退,调音量,退出。(有些盒子不支持：电信IPTV盒子等，未收集完全)

点击进入模块详情

<!DOCTYPE html>
<html>
<head>
<title>Module Develop</title>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<style type="text/css">
html, body {
height: 100%
}
body {
background-color: #fff;
margin: 0;
}
#wrap {
height: 100%;
position: relative;
}
#header {
padding-top: 20px;
background-color: #5082c2;
height: 44px;
position: relative;
}
#header h1 {
font-size: 20px;
height: 44px;
line-height: 44px;
margin: 0em;
color: #fff;
margin-left: 100px;
margin-right: 100px;
text-align: center;
}
#main {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
}
a.button {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-box-align: center;
height: 32px;
margin: 8px;
background-color: rgba(240,240,240,1.0);
border-color: rgba(220,220,220,1.0);
border-width: 2px;
border-style: solid;
}
a.active {
background-color: rgba(240,240,240,0.7);
}
</style>
</head>
<body>
<div id="wrap">
<div id="main">
<a class="button" tapmode="active" onclick="startSearch()">搜索设备</a>
<br />
<input type="text" class="input1" name="url1" id="url1" size="40" value="http://**.**1.z0.glb**.**/apicloud/39f7c87f9167f08607e1cef4e48a2e05.mp4"/>
<br />
<a class="button" tapmode="active" onclick="startDLNA()">开始投屏</a>
<a class="button" tapmode="active" onclick="stopDLNA()">退出投屏</a>
<a class="button" tapmode="active" onclick="pause()">暂停播放</a>
<a class="button" tapmode="active" onclick="play()">开始播放</a>
<a class="button" tapmode="active" onclick="getPosition()">获取播放进度</a>
<a class="button" tapmode="active" onclick="seek()">设置进度</a>
<a class="button" tapmode="active" onclick="volume()">设置音量</a>
<br />
<input type="text" class="input1" name="url2" id="url2" size="40" value="http://**.**2.z0.glb**.**/c6.mp4"/>
<a class="button" tapmode="active" onclick="playUrl()">切换地址</a>
</div>
</div>
</body>
<script type="text/javascript">
var demo = null;
apiready = function() {
demo = api.require('dlna');
if (!demo) {
alert("请添加模块后编译");
return;
}
}
function startSearch() {
demo.startSearch(function(ret, err) {
alert(JSON.stringify(ret) + " " + JSON.stringify(err));
});
}
function startDLNA() {
var url1 = document.getElementById("url1").value;
if (!url1) {
alert('地址不能为空');
return;
}
demo.startDLNA({
xh : 0,
url : url1
}, function(ret, err) {
alert(JSON.stringify(ret) + " " + JSON.stringify(err));
});
}
function stopDLNA() {
demo.stopDLNA(function(ret, err) {
alert(JSON.stringify(ret) + " " + JSON.stringify(err));
});
}
function pause() {
demo.pause(function(ret, err) {
alert(JSON.stringify(ret) + " " + JSON.stringify(err));
});
}
function play() {
demo.play(function(ret, err) {
alert(JSON.stringify(ret) + " " + JSON.stringify(err));
});
}
function getPosition() {
demo.getPosition(function(ret, err) {
alert(JSON.stringify(ret));
});
}
function seek() {
demo.seek({
process : 33 //单位是秒
}, function(ret, err) {
alert(JSON.stringify(ret) + " " + JSON.stringify(err));
});
}
function volume() {
demo.volume({
volume : 20 //0-100
}, function(ret, err) {
alert(JSON.stringify(ret) + " " + JSON.stringify(err));
});
}
function playUrl() {
var url2 = document.getElementById("url2").value;
if (!url2) {
alert('地址不能为空');
return;
}
demo.playUrl({
url : url2
}, function(ret, err) {
alert(JSON.stringify(ret) + " " + JSON.stringify(err));
});
}
</script>
</html>

复制代码

qiuqiu123 · 回复于2018-11-15 08:51:11

试了一下，只有声音，没有图像，可能是不支持我的盒子；另外不知道支不支持m3u8？

杠铃般的笑声

http://downloadpkg.apicloud.com/ ... b490caa8e073260.log

这个模块添加试用了之后本地云编译就报错了是咋回事？

woxinruyi

老板好，请问是只需要在前端增加这个代码文档吗

52yaoer

woxinruyi 发表于 2019-3-4 22:59
老板好，请问是只需要在前端增加这个代码文档吗

这个文档是接口demo调用。。你参考这个demo接入自己的app

woxinruyi

老板可以帮集成调用dlna模块实现APP投屏功能吗，方便的话加QQ：2898830491. 有偿

Crazylives

老大你好，最近在开发你这个dlan。支持镜像吗

52yaoer

不支持哦。。

说啥都好

{"status":true,"evenType":"timeOut"}为什么老是超时,是什么问题导致的呢,求版主解答

52yaoer

说啥都好发表于 2020-3-19 17:28
{"status":true,"evenType":"timeOut"}为什么老是超时,是什么问题导致的呢,求版主解答 ...

没有搜索到设备，，就会返回超时。你可以重新在搜索设备