【干货】如何在木疙瘩内嵌入视频直播 (完整教程)

1、在舞台上使用绘图工具绘制一个矩形,矩形的长宽比为视频直播内容的长宽比。
1.jpg

 
2、将这个矩形命名为“container”
2.jpg

 
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); 
 
});
3.jpg

 
4、在文件——导入——JS脚本里 导入这个脚本: 
http://qzonestyle.gtimg.cn/open/qcloud/video/live/h5/live_connect.js
5.jpg

4.jpg

 
即可在H5里实现直播功能
 
已邀请:

wangyuechun

赞同来自: m1502219571

为什么在手机上测试的时候加载不出来呢?

ddbackhome

赞同来自: qq686fd566b2

使用的时候,需要注意一点,木疙瘩的制作界面是强制https的,如果你的直播流支持https,请在代码里写https的,同时引入的那个js也需要是https。
 
如果直播流不支持https,请把作品发布了,得到发布地址后,复制一下地址,手动将发布链接的https修改成http,最后把链接发到手机上来使用。

qq3a937a8af6

赞同来自:

怎么自动播放呢?

要回复问题请先登录注册