3

html5 キャンバス要素に画像や動画をレンダリングする html5/javascript アプリケーションを開発しています。ビデオでは、次のように機能するメカニズムを使用します。

  1. 目的のビデオを src としてページに非表示の html5 ビデオ タグを埋め込みました
  2. requestAnimationFrame を使用してキャンバスをループでレンダリングする
  3. 各レンダー呼び出しで、ビデオ タグから現在のビデオ フレームを取得し、キャンバスにレンダリングします。

現在、YouTube の動画をキャンバスで再生する方法を探しています。問題は、YouTube ではプレーヤーの埋め込みのみが許可されており、(独自のビデオ要素に埋め込むために) ビデオ URL を取得するオプションがないことです。彼らが提供する html5 プレーヤーは iframe に配置されているため、取得する機会がありません。それからのビデオフレーム。

このようなことをする方法はありますか?または、YouTube は将来、動画の URL を取得できるようになりますか?

4

1 に答える 1

3

少し遅れているかもしれませんが、YouTube の動画を <video> タグでレンダリングし、キャンバス上で操作するこの Web サイトに出会いました。

http://omgig.com/

誰かがサイトのソースコードを手に入れた

https://github.com/endlesshack/youtube-video

私が抱えていた唯一の問題は、vevoビデオでは機能しないようだということです

于 2013-04-21T17:02:59.263 に答える