如何播放声音文件,当我点击我的网页中的链接或按钮时,我还需要放置多个链接或按钮,每个链接或按钮都有不同的声音文件.
实际上我使用BGSOUND标签这样做只在IE中工作,
第1步:下载音频播放器的"独立"版本
第2步:将玩家的JS包含在您的页面中:
<script type="text/javascript" src="audio-player.js"></script>
Run Code Online (Sandbox Code Playgroud)
第3步:设置播放器并实现为每个文件嵌入播放器的功能:
<script type="text/javascript">
AudioPlayer.setup("player.swf", {
width: 290
});
function moo() {
AudioPlayer.embed("player", {soundFile: "moo.mp3", autostart: 'yes'});
}
function foo() {
AudioPlayer.embed("player", {soundFile: "foo.mp3", autostart: 'yes'});
}
</script>
Run Code Online (Sandbox Code Playgroud)
第4步:使用id = player(或您指定的任何内容)创建一些元素:
<div id="player"></div><br />
Run Code Online (Sandbox Code Playgroud)
第5步:为您的音频文件提供"切换器":
<a href="#" onClick="moo();">play file 1</a><br />
<a href="#" onClick="foo();">play file 2</a>
Run Code Online (Sandbox Code Playgroud)
你应该结束这样的事情:
<html>
<head>
<title>Your website</title>
<script type="text/javascript" src="audio-player.js"></script>
<script type="text/javascript">
AudioPlayer.setup("player.swf", {
width: 290
});
function moo() {
AudioPlayer.embed("player", {soundFile: "moo.mp3", autostart: 'yes'});
}
function foo() {
AudioPlayer.embed("player", {soundFile: "foo.mp3", autostart: 'yes'});
}
</script>
</head>
<body>
<div id="player"></div><br />
<a href="#" onClick="moo();">play file 1</a><br />
<a href="#" onClick="foo();">play file 2</a>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
PS:这里有一些关于你可以传递的球员选项.embed()或.setup()功能的文档