文章/答案/技术大牛

发布

社区首页 >问答首页 >在选择选项时，如何更改音频来源？

问在选择选项时，如何更改音频来源？
EN

Stack Overflow用户

提问于 2017-05-17 09:30:24

回答 1查看 456关注 0票数 0

我有一个声音数组，我将其归因于一个空音频，如下所示：

                <audio id = "audio4" controls>

                    <source id = "audioSourceAside" type="audio/mpeg">  

                </audio>

我为每个我想使用的选项添加了一个"change“事件监听器，但是它不起作用，音频源一直是灰色的，即使我强制它通过chrome的控制台获取一个源，它也是灰色的。

javascript

events

audio

option

回答 1

Stack Overflow用户

发布于 2017-05-17 09:57:08

使用附加到<select>元素的change事件。在change处理程序中，调用<audio>节点上的.pause()，将<source>元素的.src设置为.value of <select>元素，调用.load()，然后在<代码>d11上调用.play()。

var select = document.querySelector("select");
var audio = document.querySelector("audio");
var source = audio.querySelector("source");
select.onchange = function() {
  audio.pause();
  source.src = this.value;
  audio.load();
  audio.play();
}

<select>
  <option>Select audio to play</option>
  <option value="https://ia600305.us.archive.org/30/items/return_201605/return.mp3">RETURN by smiling cynic </option>
  <option value="https://upload.wikimedia.org/wikipedia/commons/b/be/Hidden_Tribe_-_Didgeridoo_1_Live.ogg">Didgeridoo 1 Live by Hidden Tribe</option>
</select>
<br>
<audio id="audio4" controls>
<source id="audioSourceAside">
</audio>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44014052

复制

相似问题

问在选择选项时，如何更改音频来源？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在选择选项时，如何更改音频来源？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在选择选项时，如何更改音频来源？
EN