1. 程式人生 > 其它 >騰訊雲發起直播與前端播放示例

騰訊雲發起直播與前端播放示例

1、進入騰訊雲控制檯,申請開通雲直播許可權,然後進入地址生成器

2、生成地址

3、生成結果如下:

可以在EV錄屏中進行直播

4、將第三步生成的紅框內的程式碼放入如下步驟中

5、開始EV直播

6、生層播流地址:

7、html頁面程式碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://web.sdk.qcloud.com/player/tcplayerlite/release/v2.4.0/TcPlayer-2.4.0.js"
charset="utf-8"></script>; </head> <body> <div id="id_test_video" style="width:100%; height:auto;"></div> </body> </html> <script> var player = new TcPlayer('id_test_video', { "m3u8": "http://bo.ajaxx.top/live/1.m3u8", "flv
": "http://bo.ajaxx.top/live/1.flv", //增加了一個 flv 的播放地址,用於PC平臺的播放 請替換成實際可用的播放地址 "autoplay" : true, //iOS 下 safari 瀏覽器,以及大部分移動端瀏覽器是不開放視訊自動播放這個能力的 "poster" : "", "width" : '480',//視訊的顯示寬度,請儘量使用視訊解析度寬度 "height" : '320'//視訊的顯示高度,請儘量使用視訊解析度高度 }); </script>