静止画画像をクリックすると音楽が鳴るスクリプトってありますか？

<audio>タグを使わないで、リンクもつけないで、演奏動画にしないで、その場で音楽再生音のみが聴けるような表示をつくりたいのですが・・

質問者からの補足コメント

• 

  御礼補足、
  本ページを離れれば音源止まりました(^^/
  　リンクページで、あらためて<audio>再生、コントロールしてもらう構造　と言う思惑工夫ができそうです　 m(_ _)m
  
  ヽ(' ∇' )ノ m(_ _)m

    補足日時：2024/04/01 16:54

No.1 ベストアンサー 回答者： fujillin 回答日時： 2024/03/31 23:39

こんばんは

＞<audio>タグを使わないで～
わざわざ方法の選択肢を狭める理由が、さっぱりわかりませんけれど・・・
（コントロール等が表示されるのが嫌なら、表示しなければ良いだけなので）


一応、（↓）こんなんでも、可能と思います。

<img id="sw" src ="./img/photo.jpg">
<script>
(a => {
a.oncanplaythrough = () => {
document.getElementById('sw').addEventListener('click', ()=>{a.play()});
};
})(new Audio("./sound/music.mp3"));
</script>

この回答へのお礼

ありがとうございました m(_ _)m＼(^o^)／

動作確認できました＼(^o^)／

（音量は即機材側で調整するのがユーザー大半なので、ほかコントロールはともかく）
「画像クリックで演奏始まります」と表示、また直下にstop ボタンだけ用意して、止めたい時にはそのstopボタン押しで他リンクへ飛ぶ・・という構造にしたかったのですが、ページを離れても鳴り続けるという点では思惑がはずれました(´;ω;｀)

やっぱコントロール表示が無難なとこですか・・

m(_ _)m

お礼日時：2024/04/01 16:41