ブラウザでmjpeg-over-httpストリームをhtml5で視覚化する

申し訳ありませんが、私はmotion-jpegストリームをhttpで配信するサーバーを持っています。私ができることをしたいのは、サーバーに接続し、ストリームをブラウザで、好ましくはcanvas要素内に視覚化することです。ブラウザはSafari Mobileである必要があります。ブラウザでmjpeg-over-httpストリームをhtml5で視覚化する

ストリームをXMLHttpRequestで取得し、単一のJPEGイメージを取り出してcanvas要素内に配置することはできますか？ストリームは生きている、したがっておそらく無限であることに留意してください。

出典

2012-03-06 janesconference

iOSモバイルSafariはhttpでネイティブにMJPEGをサポートしています。あなたがキャンバスでそれを必要とする特別な理由はありますか？のiPad/iPhone上でhttp://bridgecam2.halton.gov.uk/mjpg/video.mjpg?camera=1を参照してください

出典

2012-03-28 23:24:39 placeboaddict

この例題は、少なくともiOS6.1.3では動作していません。 – Torchify

iOS 7.0.2でも動作していません –

古いトピックを復活させるために申し訳ありませんが、私はこの問題に直面していたと私は私が内部の映像を表示するための一つの方法を発見しただけでネイティブHTML5他のプレイヤー

を使用したいのdidnt html5の「ポスター」属性

<video width="360" height="420" controls poster="/video" autoplay> 
     <source src="/audio.ogg" type="audio/ogg" /> 
</video>

期待どおりではないかもしれませんが、動作します。

出典

2013-03-19 05:16:14 Daniel

この回答には深刻なアップノートが必要です。何時間もの検索の後に私の問題を解決しました。私はtrendnet ipcamからmjpgストリームを見せています。レスポンスヘッダーは私のcontent-typeがmultipart/x-mixed-replaceであることを示しています。これは魅力のように機能します –

ブラウザでmjpeg-over-httpストリームをhtml5で視覚化する

答えて

関連する問題