【代码分享】在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
已邀请:

qq8d61a

赞同来自:

为什么加载停留在100%就不动了

lx_mgd

赞同来自:

现在脚本需要使用https的
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

要回复问题请先登录注册