| | 1 | = オックスフォードの英英辞典から英語の発音を取得 |
| | 2 | |
| | 3 | 英語の勉強をしていて、単語の発音をさせれたらなぁということでオックスフォードの英英辞典 |
| | 4 | の音声を取得してみました。Speach APIなどを利用してもいいのですが、発音がちょっと違うかな、と |
| | 5 | 思ったので、、、 |
| | 6 | |
| | 7 | |
| | 8 | 他のサイトのHTMLをjQueryで取得するために、jquery.xdomainajax.jsを読み込ませます。 |
| | 9 | {{{ |
| | 10 | <script src="https://code.jquery.com/jquery-2.2.3.min.js"></script> |
| | 11 | <script src="jquery.xdomainajax.js"></script> |
| | 12 | }}} |
| | 13 | |
| | 14 | あとは、下記のような関数を作って、英単語をしゃべらせます。 |
| | 15 | |
| | 16 | {{{ |
| | 17 | function speak(word){ |
| | 18 | $.ajax({ |
| | 19 | type: 'GET', |
| | 20 | url: 'http://www.oxfordlearnersdictionaries.com/definition/english/'+word+'?q='+word, |
| | 21 | dataType: 'html', |
| | 22 | crossDomain: true, |
| | 23 | success: function(data) { |
| | 24 | mp3=$(data.responseText).find("[title=' pronunciation American']").attr('data-src-mp3'); |
| | 25 | alert(mp3); |
| | 26 | var audio = new Audio(); |
| | 27 | audio.src = mp3; |
| | 28 | audio.play(); |
| | 29 | alert(mp3); |
| | 30 | } |
| | 31 | }); |
| | 32 | } |
| | 33 | |
| | 34 | speak("hello"); |
| | 35 | }}} |
