主页 / 问题 / 1274288
Accepted
Evgenia Mosjurchak
Asked:2022-04-24 21:52:43 +0000 UTC2022-04-24 21:52:43 +0000 UTC

在没有链接的情况下单击在网站上播放音频

  • 772

点击播放图标可以使用什么标签直接在网站上播放音频？像这里：https
<a href> ://dictionary.cambridge.org/dictionary/english-russian/dictionary 在单独的窗口中播放，单独<audio>使用，只是插入播放器，里面的<img>列<audio>根本不显示

аудио

2 个回答

  1. Best Answer

    znachok.onclick = function(){audio.play()};
let audio = new Audio("sound.mp3");
    <img id=znachok src="image.jpg" />

    确实，根据您作为示例提供的链接，使用的不是音频元素，而是 window.speechsynthesis () 用于发音文本。

    • 2

  2. 在这种情况下，您需要 SpeechSynthesis() 而不是音频。

    <style>
body{column-count: 3}
img{cursor: pointer}
</style>
    <body></body>
<script>
let data = 
   ["filename1.mp3", "filename2.mp3, filename3.mp3, ... , filenameN.mp3], // имена аудиофайлов
   ["первое предложение", "второе предложение", "третье предложение", ... , "энное предложение"] // предложения
]
let audio = new Audio();
for(i = 0; i < data.length; i ++){
let znachok = document.createElement("img");
znachok.src = "image.jpg";
let mydiv = document.createElement("div");
mydiv.id = data[0][i];
mydiv.name = data[1][i];
mydiv.appendChild(znachok);
mydiv.innerHTML += " " + mydiv.name;
document.body.appendChild(mydiv);
mydiv.onclick = function(){
  audio.src = mydiv.id;
  audio.play();
}    
</script>

    在此示例中，说出了 12 个单词，但您可以通过简单地增加数组的长度来增加数量。到目前为止，它只适用于英语单词。

    • 0

相关问题