在現代瀏覽器中如何播放RTSP流
- 前言
- 環境準備
- 1.下載并安裝360極速瀏覽器
- 2.下載并安裝VLC播放器
- 3.準備一個可以播放的rtsp地址
- 代碼實操
前言
RTSP流在網頁中進行播放，是一個非常普遍的需求，
然而對于大部分沒有視頻處理經驗的人來說，確實是一個頭疼的問題，
現在市面上開源的解決方案有很多，大多是通過服務代理轉發，博主也在專案中使用過，但是并不穩定，穩定的又要收費，
在IE瀏覽器天下橫行的年代，各種activex插件解決了各種疑難雜癥，何懶IE一意孤行，與現代web標準背道而馳，導致activex插件與html5，魚與熊掌不能兼得，
現在web開發已經是大前端的天下了，IE瀏覽器已經被很多公司拋棄了，那么我們還能在擁抱html5的同時使用activex插件嗎？
博主告訴你答案：是可以的，
下面我們進入實操環境，
環境準備
1.下載并安裝360極速瀏覽器
這里我只試過360極速瀏覽器，未試過360安全瀏覽器，有時間的朋友可以去驗證一下，
點擊這里下載360極速瀏覽器
安裝就不多說了，正常安裝就好了，
2.下載并安裝VLC播放器
點擊這里下載VLC播放器
下載后，點擊安裝，
安裝時要注意一定不要把網頁插件給取消了，
其實火狐瀏覽器也可以嘗試能不能播放，有時間的朋友可以去驗證一下，
3.準備一個可以播放的rtsp地址
rtsp地址大家去準備，博主是內網地址就不提供了，博主內試過把也網映射到公網上，也是可以播放的
代碼實操
- 創建一下test.html頁面，頁面代碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML5 VLC 播放 RTSP</title>
</head>
<body>
<object type='application/x-vlc-plugin' id='vlc' events='false' width="800" height="500">
<param name='mrl' value='rtsp://192.168.1.209:8557/sub_stream_1' />
<param name='volume' value='50' />
<param name='autoplay' value='true' />
<param name='loop' value='false' />
<param name='fullscreen' value='false' />
<param name='controls' value='false' />
</object>
</body>
</html>
- 用360極速瀏覽器打開test.thml
大家這里可以看到，博主用的是360瀏覽器的極速模式，并實作了內部rtsp流視頻的秒開播放，
至此大功造成
如果你覺得這篇文章對你有幫助，請記得關注、收藏，謝謝！不拒絕打賞哦_
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/236028.html
標籤：其他
上一篇：您即將提交的資訊不安全