騰訊雲發起直播與前端播放示例
阿新 • • 發佈:2021-06-10
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>