文字をクリックすると音が流れる機能を付けたい

自作の英語webサイトを作ってみたいのですが文字をクリックしたらmp3が流れる機能を付けたいのですがよくわかりません。私の先輩のwebサイトを参考に作っているのですがどうやら相当昔に作ったらしくあまり覚えていないとのことで以下のプログラムがなぜ動かないのかが分かりません。そうすればよいでしょうか？

<TR>
<TD>
<A HREF="Javascript:playsnd('3-1-1');">
<FONT FACE="Arial Unicode MS" CLASS="F2">
Apple　
</A></FONT></TD>

音声ファイルは3-1-1.mp3なのですがどう変更すればよいでしょうか？

javascript
1function playsnd(h){
2     with(parent.frame1.document) {
3            open();
4            writeln("<html><body>");
5            write("<embed  src='"+h+".mp3'  loop='false'  hidden='true'");
6    //       write("<embed  src='"+h+".wav'  loop='false'  hidden='true'");
7            writeln(" width = '150' height = '60' autostart = 'true' repeat='false'>");
8            writeln("</body></html>");
9            close();
10     }
11}
12

m.ts10806

2019/02/22 21:02

コードはもう少し全体がわかるように記載いただけますか？ JavaScriptのコードもあるようですし、playsnd()という関数も何者かわかりません(どこかに定義してる場所はありませんか？) また音声ファイルはきちんとJavaScriptから参照できる場所に置いてあるのでしょうか？この一部だけ見ただけですが確かに相当昔の作りのようで、現在廃止されているhtmlの組み方や機能も使われてるので、「html5」で組み直した方が余計なトラブルがないかもしれません。

wwbQzhMkhhgEmhU

2019/02/23 23:59 編集

というわけで、HTML5的なのを参考までに <script> function play_sound() { var audioElement = document.createElement('audio'); audioElement.src = "http:" + "//ccrma.stanford.edu/~jos/mp3/gtr-nylon22.mp3"; audioElement.play(); } </script> <a href="javascript:play_sound()">音が鳴ります。</a>

退会済みユーザー

2019/02/23 06:30

そういえばクローム６６－６９だと音声の自動再生はうごかないはずだなデフォルトでは

x_x

2019/02/25 02:49

parent.frame1が何かわかるよう、フレーム定義を書いてください。

行動規範の内容に同意します

回答2件

とりあえず。

    with(parent.frame1.document) {

ここが false もしくはエラーになってるんでしょうね
開発コンソールを見てください。

投稿2019/02/23 15:27

退会済みユーザー

総合スコア0

saramone

2019/02/24 15:36

開発コンソールではこのようなerrorが出ているのですがどうすればよいでしょうか？ play_snd.js:2 Uncaught TypeError: Cannot read property 'documnet' of undefined at playsnd (play_snd.js:2) at <anonymous>:1:1

行動規範の内容に同意します