サウンドを生成する画像ボタンを作成する

こんにちは、私は現在、（スピーカーの）画像ボタンでオーディオファイルを再生しようとしています。サウンドを生成する画像ボタンを作成する

<p><br></p> 
<table> 
<tbody><tr> 
<th> Quick Clicks </th> 
<td style="text-align: center;"> 
<a href="#3" onclick=""><img src="https://zingtree-uploads.s3.amazonaws.com/images/59777e50293d71.47898028-416750-speaker.png" style="width: 145px; height: 145px;"></a> 
</td> 
<td style="text-align: center;"> 
<a href="#3" onclick="do_button_click(14, 7, 'Quick Clicks',0);"><img src="https://zingtree-uploads.s3.amazonaws.com/images/59777e50293d71.47898028-486417-Quick+Clicks.png" style="width: 145px; height: 145px;" ></a> 
</td> 
</tr> 
</tbody></table>

ものは私が使用したいのですが、私は最初のボタンは、このオーディオファイルプレーしたいのですが二つの絵のとおりです。申し訳ありませんが、私は解決策が存在する必要があります知っている

<a class="btn btn-lg btn-zingtree btn-block btn-primary" onclick="this.firstChild.play()"><audio src="https://thorswrench-my.sharepoint.com/personal/christiaan_karsavior_com/Documents/database%20media/sounds/dead%20battery%20clicking.mp3"></audio>Play</a>`enter code here`

をこれはどこかで見つけられませんでした。

出典

2017-07-25 Super Patadia

<audio>にplay()をトリガーしたい場合は、要素を見つけてplay（）を呼び出す関数を設定するだけです。これを<body>の下部にある<script>タグで設定し、希望する場合はonclickから呼び出すことができます。

let au = document.getElementsByTagName('audio')[0] 
function playAu() { 
    au.play() 
}

<audio>要素は、ページのどこかに置く必要があります。複数のオーディオがある場合は、それらのIDを指定して個別に選択する必要があります。あなたが再生しようとしているファイル（ソース）に問題がある場合は、それがコンソールに表示されます。

出典

2017-07-25 18:54:29

サウンドを生成する画像ボタンを作成する

答えて

関連する問題