当我点击浏览器中的按钮或链接时,如何播放声音,

时间:2011-06-25 07:13:08

标签: php html

如何播放声音文件,当我点击网页中的链接或按钮时,我还需要放置多个链接或按钮,每个链接或按钮都有不同的声音文件。

实际上我使用BGSOUND标签做了这个,它仅适用于IE,

2 个答案:

答案 0 :(得分:6)

第1步:下载audio player的“独立”版本

第2步:将玩家的JS包含在您的网页中:

<script type="text/javascript" src="audio-player.js"></script> 

第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>  

第4步:使用id = player(或您指定的任何内容)创建一些元素:

<div id="player"></div><br />

第5步:为您的音频文件提供“切换器”:

<a href="#" onClick="moo();">play file 1</a><br />
<a href="#" onClick="foo();">play file 2</a>

你应该这样结束:

<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>  

P.S。:here是关于您可以通过.embed().setup()函数传递的玩家选项的一些文档

答案 1 :(得分:0)

为什么不能直接链接到网络应用上的声音文件?

例如,像这样:

<a href="/pathtosound/sound.mp3">Click here to play a sound</a>