RTSPのHTML 5フロントエンドでの再生に関する問題解決策
RTSPのHTML 5フロントエンドでの再生に関する問題解決策
ここ半月、私はずっとRTSPカメラをHTML 5に流して放送する方法を考えていました.その間、2つの解決方法を研究しました.ここでは言いません.この文章を見たとき、あなたたちも2つの解決策を多少知っていたはずですが、いずれも有料です.LとEの方法です.
文章の最後に私が自分で書いたワンタッチでRTSPカメラをHTTPに起動し、フロントエンドでvideoタグを使うだけで再生できます.
今、私はvlcソフトウェアを利用して、RTSPをHTTPに変えて直接フロントエンドでvideoラベルを利用して再生して、フロントエンドコードは一言でコードができると言えます:
ここ半月、私はずっとRTSPカメラをHTML 5に流して放送する方法を考えていました.その間、2つの解決方法を研究しました.ここでは言いません.この文章を見たとき、あなたたちも2つの解決策を多少知っていたはずですが、いずれも有料です.LとEの方法です.
文章の最後に私が自分で書いたワンタッチでRTSPカメラをHTTPに起動し、フロントエンドでvideoタグを使うだけで再生できます.
今、私はvlcソフトウェアを利用して、RTSPをHTTPに変えて直接フロントエンドでvideoラベルを利用して再生して、フロントエンドコードは一言でコードができると言えます:
<video src="http://localhost:8111/live" style="width: 100%; height: 100%;">
</video>
</code></pre>
<p> , VLC<br/> <a href="https://img.md5.com/image/info8/7e832da3488b48939a02f37a6123a481.jpg" target="_blank"><img src="https://s1.md5.ltd/image/3c2af7b29d3afa29fb0c7bad0906cf66.jpg" alt=" RTSP HTML5 _ 1 " width="616" height="459" style="border:1px solid black;" class="check_url_is_full"/></a></p>
<p> <br/> <a href="https://img.md5.com/image/info8/577cb28aae5f45b58c5c02f13fea6b55.jpg" target="_blank"><img src="https://s1.md5.ltd/image/91d25fc91bff00763e3b00e8f49119b5.jpg" alt=" RTSP HTML5 _ 2 " width="599" height="445" style="border:1px solid black;" class="check_url_is_full"/></a></p>
<p> , RTSP <br/> <a href="https://img.md5.com/image/info8/f2814ad761ed4fb68359fbfcf1d7f4e4.jpg" target="_blank"><img src="https://s1.md5.ltd/image/34d9740f4c754443f3f097b627ec0282.jpg" alt=" RTSP HTML5 _ 3 " width="594" height="446" style="border:1px solid black;" class="check_url_is_full"/></a></p>
<p> <br/> <a href="https://img.md5.com/image/info8/d030e532dbca41beb8701e84b68f38cd.png" target="_blank"><img src="https://s1.md5.ltd/image/4753fd5de275bf1fab11524aa8f56b39.png" alt=" RTSP HTML5 _ 4 " width="741" height="484" style="border:1px solid black;" class="check_url_is_full"/></a></p>
<p> HTTP, <br/> <a href="https://img.md5.com/image/info8/721bc6de0183440cb8984c353c1f1181.png" target="_blank"><img src="https://s1.md5.ltd/image/cbf6d9ba4fd9308e7f75394ccca7d008.png" alt=" RTSP HTML5 _ 5 " width="741" height="484" style="border:1px solid black;" class="check_url_is_full"/></a></p>
<p> , ( , live), <br/> <a href="https://img.md5.com/image/info8/29292829df974c76b361f5e9c946373c.png" target="_blank"><img src="https://s1.md5.ltd/image/f41a2a9387a425d575e6da4b26e3403c.png" alt=" RTSP HTML5 _ 6 " width="741" height="484" style="border:1px solid black;" class="check_url_is_full"/></a></p>
<p> OGG, <br/> <a href="https://img.md5.com/image/info8/f60596ea1b1c4ce793b94130dbd2e89a.jpg" target="_blank"><img src="https://s1.md5.ltd/image/2ae85a2c2fa3a5012b9e75ed6f6bd1e6.jpg" alt=" RTSP HTML5 _ 7 " width="650" height="425" style="border:1px solid black;" class="check_url_is_full"/></a></p>
<p> , </p>
<p> <br/> video src :http://{ }:{ }/{ ( live, )}</p>
<p> </p>
<p> , html5-video </p>
<p>vlc :<br/> https://www.videolan.org/</p>
<p> RTSP :https://download.csdn.net/download/qq_43231901/10862074</p>
<p> .exe vlc , </p>
<p> :binoculus@vip.qq.com</p>
</div>
</div>
</div>
</div>