【代码分享】在mugeda内实现视频直播的方法
使用说明:
这个代码可以实现H5内直播视频流的播放,可以放电视台或者APP内的直播(需要有m3u8直播流地址)
样例:
http://99a527e0.u.mgd5.com/cam ... .html
步骤:
1:在舞台上使用绘图工具画一个物体
2:将这个方块命名为“container”
3:将下面这行代码复制进入脚本框
mugeda.addEventListener('renderReady', function () {
var scene = mugeda.scene;
var container = scene.getObjectByName('container');
var containerId = 'live_video_container';
container.dom.id = containerId;
var option = {
//修改下方"http://XXXX.m3u8"为你需要的视频流地址
"live_url": "http://XXXX.m3u8",
"width" : 320,
"height" : 260,
"x5_type": 'h5'
}
var player = new qcVideo.Player(containerId, option);
});
修改视频流地址
4:在文件-导入-JS脚本里,
导入这个脚本
http://qzonestyle.gtimg.cn/ope ... ct.js
既可以在H5里实现直播功能
样例:
http://cn.mugeda.com/animation/edit/325ddf34
这个代码可以实现H5内直播视频流的播放,可以放电视台或者APP内的直播(需要有m3u8直播流地址)
样例:
http://99a527e0.u.mgd5.com/cam ... .html
步骤:
1:在舞台上使用绘图工具画一个物体
2:将这个方块命名为“container”
3:将下面这行代码复制进入脚本框
mugeda.addEventListener('renderReady', function () {
var scene = mugeda.scene;
var container = scene.getObjectByName('container');
var containerId = 'live_video_container';
container.dom.id = containerId;
var option = {
//修改下方"http://XXXX.m3u8"为你需要的视频流地址
"live_url": "http://XXXX.m3u8",
"width" : 320,
"height" : 260,
"x5_type": 'h5'
}
var player = new qcVideo.Player(containerId, option);
});
修改视频流地址
4:在文件-导入-JS脚本里,
导入这个脚本
http://qzonestyle.gtimg.cn/ope ... ct.js
既可以在H5里实现直播功能
样例:
http://cn.mugeda.com/animation/edit/325ddf34
没有找到相关结果
已邀请:
3 个回复
qq8d61a
赞同来自:
lx_mgd
赞同来自:
https://qzonestyle.gtimg.cn/op ... ct.js
直播流的地址也需要是https的,这里是一个样例m3u8地址
https://cctvalih5ca.v.myalicdn ... .m3u8
作品样例,可以打开另存
https://www.mugeda.com/animation/edit/abb0c956
发布地址
https://6.u.mgd5.com/c/n20h/4ujd/index.html
ddbackhome
赞同来自:
添加到舞台后,在右边的属性里填一个直播的 m3u8 地址,即可在手机在手机在手机预览作品,看到直播的效果了。