見出し画像

Dictionary.comの発音をMP3でダウンロードする方法

こんにちは、Choimirai School のサンミンです。

0  はじめに

RoamDokuの参加者から単語帳を作る時、発音も一緒に登録したいという質問がありましたので、Dictionary.comから発音をMP3としてダウンロードする方法をシェアします。

1  全体の流れ

該当する単語のMP3をダウンロードしてRoam Researchのページへアップロードするまでの手順です。

①Dictionary.comで単語を検索
②InspectパネルからMP3ファイルの場所を確認
③MP3ファイルをダウンロード
④Roam Researchへアップロード

2  Dictionary.comからMP3ファイルをダウンロード

今回の note では「protrude」をサンプルとして使います。

画像1

Dictionary.comの画面が表示されましたら、スピーカのアイコン(①)を右クリック→メニューからInspect(②)を押下し、パネルを有効にします。下記の図はChromeブラウザからの例です。

画像2

右側のInspectパネルから、<audio preload="none">タグの下にある、MP3のURL(③)をコピーします。

<audio preload="none">
  <source src="https://static.sfdict.com/audio/lunawav/P08/P0866300.ogg" type="audio/ogg">
  <source src="https://static.sfdict.com/audio/P08/P0866300.mp3" type="audio/mpeg">
</audio>

別のダブでURLを開きますと次の画面が表示されます。

画像3

3つの点をクリックしますと「Download」のボタンが現れますので、このボタンからファイルをダウンロードできます。

画像4

3  ダウンロードしたファイルをRoamへアップロード

スラッシュ(/)を入力して表示されるメニューから「Upload Image, Audio, or File」を選択しますとアップロードするファイルを選ぶポップアップが出てきます。

RoamですとDictionary.comから取得したMP3のリンクをhiccuptを使ってそのまま埋め込むこともできます。この場合、ファイルをアップロードする必要はありません。
:hiccup [:audio {:controls "1"} [:source {:src "https://static.sfdict.com/audio/P08/P0866300.mp3"}]]]

画像5

ポップアップからMP3ファイルを選択し、アップロードが終わりますと次のようにプレイヤーが埋め込まれていることが確認できます。

画像6

4  まとめ

今はグーグルを使った発音の練習も可。今回紹介した方法とあわせて利用すればより効果的に単語を覚えることができると思います。



この記事が気に入ったらサポートをしてみませんか?