【無料】はてなブログに音声を埋め込む方法|Google Drive経由でMP3を記事に貼り付けるには?

2026年4月19日

【無料】はてなブログに音声を埋め込む方法|Google Drive経由でMP3を記事に貼り付けるには?
dog smile

はてなブログにMP3の音声ファイルを貼り付けたいけど、どうしたらいいの?

そんな疑問を持っている方は多いはず。

はてなブログはMP3ファイルをブログに直接アップロードする機能がないので、Google DriveなどにMP3をアップロードしてから、共有リンクを記事に埋め込む方法を使います。

この記事では、Google Drive経由ではてなブログにMP3の音声ファイルを埋め込む手順を画像付きで解説します。

ブログに埋め込むMP3音声を作成できるおすすめサイト

音読さん

はてなブログに貼り付けるMP3ファイルを作成するなら、AI音声読み上げサービス『音読さん』がおすすめ!

無料でブログ記事を音声化してMP3ファイルにすることができますよ。

まずはあなたも無料で音読さんを使ってみませんか?

はてなブログに音声ファイル(MP3)を埋め込む手順を解説

はてなブログに音声ファイル(MP3)を埋め込む手順を解説

はてなブログはMP3ファイルをブログに直接アップロードできないので、Google Driveなど外部のサービスにファイルをアップロードしてから、その共有リンクを記事に埋め込む必要があります。

ここではGoogle Drive経由ではてなブログに音声ファイルを埋め込む手順を、画像付きで1つずつ解説します。

1. MP3ファイルをGoogle Driveにアップロードする

はてなブログに音声を貼り付ける場合、あらかじめGoogle DriveなどにMP3ファイルをアップロードしておく必要があります。

Google Driveにファイルをアップロード

2. 共有設定を「リンクを知っている全員」に変更する

Google Driveにファイルをアップロードしたら「共有」から「リンクを知っている全員」が「閲覧者」としてアクセスできるようにします。

リンクを知っている全員に設定

3. 埋め込みリンクを取得する

つぎに、アップロードしたMP3ファイルをダブルクリックして、再生画面を開きます。

ダブルクリックして開く画面

この画面で右上の「…」をクリックしてメニューを開きます。

メニューから「新しいタブで開く」を選びます。

新しいタブで開く

新しいタブで、MP3ファイルの詳細のページが開きます。

MP3ファイルの詳細ページ

このページの左上のメニューから「ファイル → 共有 → 埋め込みリンクを取得」をクリックします。

埋め込みリンクを取得

すると、このように埋め込みリンク(HTMLソース)が表示されます。

埋め込みリンクの例

埋め込みリンクの例:

<iframe src="(ファイルへのリンクURL)" width="640" height="480"></iframe>

このとき「width="640" height="480"」を削除して、

<iframe src="(ファイルへのリンクURL)"></iframe>

のようにすると、はてなブログに貼り付けたときに見やすくなります。

4. はてなブログのHTML編集モードに貼り付ける

MP3ファイルの埋め込みリンクを取得したら、はてなブログに貼り付けます。

はてなブログの編集ページを「HTML編集」モードに切り替えて、オーディオ再生タグを貼り付ければOKです。

はてなブログに貼り付け

記事を投稿(更新)します。

このように、はてなブログに音声化したMP3ファイルを埋め込むことができました

はてなブログ更新完了

ブログの内容を音声化する方法 関連記事

ブログをよりたくさんの人に見てもらうなら、記事を音声化して埋め込むのがおすすめ。

こちらの記事でブログ音声化方法を解説しているので、ぜひご覧ください。

はてなブログに音声ファイルを埋め込む方法 まとめ

今回は、はてなブログに音声ファイル(MP3)を埋め込む方法を解説しました。

ブログに埋め込む音声ファイル(MP3)を作りたいときは、AI音声読み上げサービス『音読さん』を使って、無料でブログ記事をMP3に変換するのがおすすめ!

あなたもはてなブログの内容を音声化してみませんか?

■ AI音声合成ソフト『音読さん』

『音読さん』は初期費用ゼロで利用できるオンラインテキスト読み上げツールです。

  • 日本語、英語、中国語、韓国語、スペイン語、フランス語、ドイツ語など約50の言語に対応
  • パソコン・スマホどちらからも利用可能
  • ビジネス・教育・エンターテインメントなどの用途に対応
  • インストール不要でブラウザから即利用可能
  • 画像からの読み上げにも対応

利用方法はサイトからテキストを入力するかファイルをアップロードするだけ。 数秒で自然な音声ファイルが生成されます。 5,000文字までの音声合成なら無料で利用できますので、まずは一度お試しください。

音声読み上げソフト「音読さん」は、無料で毎月5000文字をAI音声で読み上げできます。 MP3を簡単にダウンロードできて、商用利用も可能です。 無料登録をすると毎月5000文字まで無料でテキストを音声に変換できます。 今すぐ音読さんを試す。
HP: ondoku3.com
Email: ondoku3.com@gmail.com
関連記事

音声読み上げソフト音読さん。インストール不要で誰でも無料で利用できる音声読み上げサービスです。 無料登録をすると毎月5000文字まで無料できます 今すぐ無料登録