ご存じのとおり、youtubeは世界最大の動画ホスティングです。
とりわけ、巨大なミュージックビデオと曲だけの両方を保存します。 事実、YouTubeはオーディオ構成のホスティングとして非常に頻繁に使用されます。これは、インターネット上に特別なオーディオホスティングがないためです。 そこで、YouTubeミュージックビデオをベースにしたオーディオプレーヤーを作成するというアイデアが生まれました...
挑戦する
そのため、このようなプレーヤーは次の要件を満たしている必要があります。
- 既存のサイトページに簡単に接続できるjQueryプラグインとして設計されている。
- つまり、検索クエリに基づいてプレイリストを作成および変更し、現在のトラックの名前を表示し、トラックを切り替え(前/次)、再生制御(一時停止/再生)します。
- 「見えない」、つまり 基本的なAPIのみを提供するため、プレーヤーは任意のカスタムインターフェイスでラップできます。
ソリューション、機能
結果は、十分にコンパクト(200行未満のコード)で、使いやすいプラグインです。 2つのファイル
swfobject.jsと
jquery.youtube.jsを含めるだけでなく、
$('#container').youtube();
#container $('#container').youtube();
への単純な呼び出しでプラグインを初期化する必要があります
$('#container').youtube();
その後、「prev」、「next」、「toggleplay」など、プレーヤーを制御するメソッドが使用可能になります。
使用例と手順は、
デモページで入手でき
ます。制限事項
もちろん、提案されたソリューションには欠点があります。
まず、YouTubeでは、オーディオストリームのみを受信できません。これは、ビデオプレーヤーの初期化と非表示に余分なトラフィックとリソースが費やされるためです。 幸いなことに、私は遅延や遅れに気付きませんでした。プレーヤーはほぼ瞬時に初期化され、トラックも非常に高速にロードされます。
2番目の欠点はより重要です。Flashblockとブラウザブラウザーによってプレーヤーがブロックされ、Flashクリップの読み込みの遅延が発生します(フラッシュからクリックなど)。 どうすればこれに対処できますか?:(
まとめ
もう一度
デモページへのリンクプラグインをダウンロードするためのリンクコメントや提案に感謝します