web-dev-qa-db-ja.com

カメラからWebページにストリームを取得する方法は？

カメラからのライブビデオストリームをWebページに表示するモジュールの開発を開始しました。

しかし、ビデオストリームをWebページでライブで表示する方法がわかりません。

ライブビューを表示するのに役立つJavaScript関数はありますか？ HTMLのオブジェクトタグを使用すると、ライブビデオを埋め込むことができますか？

誰かが私にこれを行う方法を教えてもらえますか？

javascripthtmlvideo-streaming
9
Mohan

ライブストリーミングについて言及している場合。このためには、ストリーミングビデオサーバーまたはHTTPストリーミングのいずれかが必要です。

  1. ストリーミングビデオサーバー

    ITは、ビデオのストリーミング元となるサーバーです。それらは非常に高速で、ユーザーの接続速度などに応じて一度に多くの接続を処理できる必要があります。これを行うには、次のことができます。

    • 自分で購入する、または
    • ISP（インターネットサービスプロバイダー）でホスト型ストリーミングプランにサインアップする

  2. または、HTTPストリーミングが必要です

    できるだけシンプルにする

    • 一般的なストリーミングメディア形式でビデオファイルを作成します
    • ファイルをWebサーバーにアップロードします
    • ビデオファイルへの単純なハイパーリンクを作成するか、特別なHTMLタグを使用してビデオをWebページに埋め込みます。

いくつかの役立つ投稿とプラグイン

7
Starx
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
        codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
        width="640" height="441" id="vlc" events="True">

    <param name="Src" value="rtsp://your camera ip address" />
    <param name="ShowDisplay" value="True" />
    <param name="AutoLoop" value="False" />
    <param name="AutoPlay" value="True" />

    <embed id="vlcEmb"  type="application/x-google-vlc-plugin" quality="high" version="VideoLAN.VLCPlugin.2" autoplay="yes" loop="no" width="640" height="441"
           target="rtsp://your camera ip address" >               
    </embed>
0
vipul kanzariya