web-dev-qa-db-ja.com

YouTube動画からのみ音声を埋め込む方法

blogger ブログで実行できる埋め込みコードまたはJavaScriptを変更して、ブログの投稿に YouTube ビデオの音声のみを埋め込む方法はありますか?

私の特定の状況:私は自分のブログをオーディオ形式で記録したいプライベートブログを持っています。オーディオレコーディングをホストし、ブログに埋め込むための優れたソリューションを探しています。私の研究により、YouTubeはビデオ向けであるという事実にもかかわらず、YouTubeが最高だと信じるようになりました。

私が試したもの:オンラインでは、埋め込みコードの高さを25に変更するだけですが、これはハックだと思いますできればそれを避けたいです。

あなたが興味を持っている場合:ここに私が見たものと、なぜ彼らが私の問題の適切な解決策ではないと思うのですか:

  • Dropbox :実行可能ですが、Dropbox内のファイルの場所を変更したい場合、リンクはすべて壊れます(推測)。これが私の現在のソリューションです。私は<audio>タグを使用しているだけです。
  • Google Drive :私が知っているストリーミング機能はありません。
  • SoundCloud :無料版では2時間の制限があり、クリップを「限定公開」にする方法はないため、ブログはアクセスできますが、世界はアクセスできません。
  • Last.fm :動作しません。

私は他の解決策を受け入れていますが、これが最良の解決策のようです。私の基準は次のとおりです。

  • 無料で基本的に無制限
  • パーマネントリンク(これが、Dropboxが優れたソリューションではない理由です)
  • リンクを持っている人にのみアクセスし、一般の人々には検索できません

私の質問を繰り返します:私は私の研究を行ったので、私の質問はどのサービスを使用すべきかではなく、むしろYouTubeクリップの音声のみを埋め込みます。しかし、私は代替案を喜んで受け入れます。私はサイトのルールを破りたくないだけです:)

5
kentcdodds

Googleドライブにはストリーミング機能があることがわかりました。また、移動するURLを変更しないため、完璧なソリューションになります(無制限のストレージがないことを除けば、私のユースケースはそれを必要としないため、私は大丈夫です)。したがって、私のブログ投稿jusは次のHTMLで構成されています。

Whatever I want to write here...<br />
<br />
<hr />
<audio controls="controls" style="margin-left: auto; margin-right: auto;">
  <source src="https://googledrive.com/Host/DRIVE_ID_OF_FILE_GOES_HERE" type="audio/mpeg"></source>
  Your browser does not support the audio element.
</audio>
1
kentcdodds

ウェブマスターにとって唯一の仕事は、PLAYおよびSTOPアイコンを作成する(またはどこかを見つける)ことです。

コード:

<a href="http://www.youtube.com/embed/XXXXXXXXX?autoplay=1" target="sndtrk"><img src="http://yoursite.web/play.png" width="24" border="0"></a> 

<a href="nothing.html" target="sndtrk"><img src="http://yoursite.web/stop.png" width="24" border="0"></a>

<iframe name="sndtrk" width="0" height="0" src="http://www.youtube.com/embed/XXXXXXXXX?autoplay=1" frameborder="0">audio not available</iframe>

どこ:

「play.png」と「stop.png」はアイコンです。
「sndtrk」はフレームの名前で、異なる場合があります

XXXXXXXXXはYouTubeビデオです。
"nothing.html"は存在しないか空のページです。
iframeの幅と高さは「0」に設定されています。

0
Abri Pix