溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關HTML5怎樣實現rtmp流直播，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
1.首先通過obs進行推流，服務器是：rtmp://192.168.0.221/live，串流密鑰：1234，
然后就發現網上的教程里面都沒有說道這個串流密鑰要寫在哪里，如果不寫的話，是直播不成功的。
后面試了很久發現就是直接拼接在服務器地址后面的 ，像這樣，rtmp://192.168.0.221/live/1234。
下面是具體的代碼
<!DOCTYPE html> <html lang="en"> <head> <title>HTML5 直播</title> <link href="http://vjs.zencdn.net/5.19/video-js.min.css" rel="stylesheet"> <script src="http://vjs.zencdn.net/5.19/video.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/videojs-flash@2/dist/videojs-flash.min.js"></script> </head> <body> <video id="myvideo" class="video-js vjs-default-skin" controls preload="auto" width="1280" height="720" poster="http://vjs.zencdn.net/v/oceans.png" data-setup="{}"> <source src="rtmp://192.168.0.221/live/1234" type="rtmp/flv">//src里面填的是rtmp的地址rtmp://192.168.0.221/live跟密鑰1234 <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> </p> </video> </body> </html>
2：然后用google瀏覽器打開，就是頁面上瘋狂報“No compatible source was found for this media”這個錯誤，百度出來的都說是要把網頁放到服務器上，不能直接打開，但是這個用idea直接打開的應該也屬于放到服務器上了吧。不過應該不能直接雙擊html文件打開，我沒試過。完了還是不行啊，后面發現瀏覽器中flash是“詢問”狀態，
然后就嘗試把這個改成“允許狀態”，居然就可以了。。
3：最后的實現的效果：
關于“HTML5怎樣實現rtmp流直播”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
