H5解码H264实时视频流
生活随笔
收集整理的這篇文章主要介紹了
H5解码H264实时视频流
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
瀏覽器如何解碼實時視頻流?最近研究了一下,大體思路為通過websocket把裸H264傳輸到瀏覽器,在通過js封裝成mp4格式,再通過Html5的video標簽進行解碼,效果還是比較不錯。
<!DOCTYPE html> <html> <head><title>h.264 To fmp4</title><script type="text/javascript" src="wfs.js"></script> </head> <body><button οnclick="clickbtn()">click</button><h2>h.264 To fmp4</h2><div class="wfsjs"><video id="video1" width="640" height="480" controls></video><div class="ratio"></div></div><div class="wfsjs2"><video id="video2" width="640" height="480" controls></video><div class="ratio2"></div></div><script type="text/javascript">function clickbtn() {if (Wfs.isSupported()) {var video1 = document.getElementById("video1"),wfs = new Wfs();wfs.attachMedia(video1, 'ch1');}};</script>https://blog.csdn.net/g0415shenw/article/details/80372580
《新程序員》:云原生和全面數字化實踐50位技術專家共同創作,文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的H5解码H264实时视频流的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Web-Rtmp: 使用 WebSock
- 下一篇: bat遍历当前目录下的文件,批量重命名