先週TechJunkie Towersで興味深い質問を受けました。 それは私が今まで考えたことのないものを考慮し、Googleドライブを使用してWebページにMP3オーディオを埋め込む方法を知りたいと思った。 組織のために多くのWebサイトを運営している人として、質問に答えてもらいました。
通常、ページでメディアを取り上げたい場合は、ウェブサイトと一緒にメディアをホストします。 それは物事を整頓し、ロード中にWebページが行う必要のある外部クエリの数を減らします。 ただし、それが唯一の方法ではなく、何らかの理由でWebサイトと一緒にオーディオをホストできない場合は、Googleドライブまたは他のクラウドサービスを使用してホストし、Webページにリンクできます。
このチュートリアルではWebページへの埋め込みに取り組んでいますが、ほとんどのオンラインページにも同じ原則が当てはまります。 ソーシャルネットワーク、ブログ、Wiki、ランディングページなどを含めることができます。
Googleドライブでウェブページに音声を埋め込む
オーディオをWebページに埋め込むには、通常、MP3ファイルをWebホストにアップロードして、ページにインラインで配置します。 これにより、ページはホストにクエリを実行し、さらに外部クエリを実行しなくても、音楽をすばやく再生できます。 それは常に可能ではありません。 Webホストにスペースストレージ容量がない場合、またはホストが非常に高速またはストリーミングに適していない場合は、他の場所を調べる必要があります。
そこでGoogleドライブやその他のクラウドサービスが登場します。クラウドストレージにMP3をアップロードし、Webページからリンクできます。 その後、誰かがトラックを再生するたびに、Webホスト上のローカルではなく、ドライブからストリームします。 Googleクラウドサーバーがどれほど大きく強力であるかを考えると、それを有利に使用することもできます。
設定方法は次のとおりです。
- 通常どおりGoogleドライブにログインします。
- フォルダーを作成し、MP3ファイルをそこにアップロードします。
- MP3ファイルの権限を「オン-Web上で公開、インターネット上の誰でも検索および表示できる」に設定します。
- 許可を保存します。
- [共有]ページで共有リンクをキャプチャします。 「https://drive.google./com/…」で始まります
設定は以上です。 これで、MP3ファイルはクラウド内にあり、共有リンクを知っている誰でもアクセスできます。 他の人がアクセスできるようにするには、そのリンクをWebページにオンラインで配置する必要があります。
リンクをページに埋め込む
共有リンクをどのように埋め込むかは、Webサイトで使用するものによって異なります。 HTMLまたは他のフレームワークと同じように、WordPressまたはJoomlaに異なる方法を使用できます。
WordPressページにMP3を埋め込むには：
- WordPressでページを開き、オーディオファイル用のスペースを作ります。
- ページエディターの上部にある[メディアの追加]ボタンを選択します。
- [URLを入力]を選択し、上記からGoogleドライブのURLを貼り付けます。
- 名前とタイトルを付けてから、メディアを挿入します。
- 完了したらページを保存します。
ページをプレビューすると、リンクとその説明がページ上のどこに追加されたかが表示されます。 メディアを再生すると、ページを介してGoogleドライブから見えないようにストリーミングされます。 Webホストのストレージを使い果たすことなく、ページにリッチメディアを追加する非常に整然とした方法です。
WordPressを使用せず、iFrame内にコードを埋め込む必要がある場合、それも非常に簡単です。 iFrameはWeb標準であるため、ほとんどのフレームワークと公開プラットフォームがそれらをサポートする必要があります。 そのため、iFrameを作成してページに配置するだけです。
他のフレームワークを使用してMP3ファイルを埋め込むには：
- Googleドライブ共有URLをテキストエディターに貼り付けます。
- 「/ preview」のURLの末尾にある「/ view」を変更し、URL全体をコピーします。
- 「src =」の後のURLの例の代わりに、以下のコードに貼り付けます。
- HTMLエディターでWebページを開くか、プラットフォームのエディターを使用します。
- を含むコード全体をページに配置します。
- ファイルを保存してテストします。
コード：
frameborder = "0" width = "500" height = "250" src = "https://drive.google.com/file/d/MP3FILEURL/preview">
プレーヤーがページに表示され、選択するとMP3ファイルが再生されます。 アップロードしたリンクを自分でチェックして、機能することを確認してください。 次に、変更したページを公開してお楽しみください！
これが、Googleドライブを使用してWebページにMP3オーディオを埋め込む方法です。 他の方法を知っていますか？ もしそうなら、以下にそれを教えてください！
