首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在网站上播放多个循环音

在网站上播放多个循环音
EN

Stack Overflow用户
提问于 2015-03-17 15:13:34
回答 1查看 802关注 0票数 1

在网站上播放声音/音乐有“最好的方法”吗?我应该使用JS插件吗?SWF应用程序还是HTML元素?此外,我希望它支持卷,可以通过HTML滑块控制。

如果我想在彼此之上播放多个声音/音乐,我是否需要为每个声音都有一个“播放器”,或者我可以让一个播放器播放多个声音?

上一次我需要添加声音到我的网站大约是10年前,所以我不知道现在人们使用什么技术。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-03-17 15:53:18

其实很简单。HTML5通过引入<audio>标记使其变得简单。

这使用默认的音频控件:

代码语言:javascript
运行
复制
<audio loop controls><source src="yoursoundhere.mp3" type="audio/mpeg"></audio>

循环属性使其成为自动循环。如果希望自动播放属性在加载时开始播放,则添加它。多个音频标签相互播放。

请注意,这只适用于MP3。否则,您需要更改文件的类型。

如果您想要一个自定义滑块,以下是您可以尝试的方法:

代码语言:javascript
运行
复制
<audio loop id="audio"><source src="yoursoundhere.mp3" type="audio/mpeg"></audio>
<script>
//When slider value updates.
function updateSlider(){
var audioplayer = document.getElementByID("audio");
var controlvalue = yourHTMLsliderValue();
audioplayer.volume = controlvalue;
}
//First Time.
var audioplayer = document.getElementByID("audio");
var controlvalue = yourHTMLsliderValue();
audioplayer.volume = controlvalue;
</script>

还请注意,支持的音频文件类型是.mp3、.ogg和.wav,这仅适用于HTML5.

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

https://stackoverflow.com/questions/29102788

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档