代码之家  ›  专栏  ›  技术社区  ›  oshirowanen

鼠标上的音频

  •  2
  • oshirowanen  · 技术社区  · 14 年前

    它部分工作,但我如何让下面的工作与多个音频文件:

        <!DOCTYPE HTML>
        <html>
        <body>
    
        <script language="javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
    
        <script type="text/javascript">
        $(function(){
            var birdhover     = $('.birds');
                var birdaudio = birdhover.find('audio')[0];
    
            birdhover.hover(function(){
               birdaudio.play();
            }, function(){
               birdaudio.stop();
            });
        });
        </script>
    
        <div class="birds" style="width:30px;height:30px;background-image:url(image1.gif');cursor:pointer;">
           <audio src="sound1.ogg" preload="auto"></audio>
        </div> 
    
        <div class="birds" style="width:30px;height:30px;background-image:url('/home/imran/Desktop/images/vowel_short_2.gif');cursor:pointer;">
    (image2.gif');cursor:pointer;">
           <audio src="sound2.ogg" preload="auto"></audio>
        </div> 
    
        </body>
        </html>
    

    2 回复  |  直到 14 年前
        1
  •  6
  •   jAndy    14 年前

    HTML5 :

    HTML格式

    <div class="birds">
       <audio src="/sounds/bird.mp3" preload="auto"></audio>
    </div> 
    

    Javascript语言

    $(function(){
        var birdhover     = $('.birds');
            var birdaudio = birdhover.find('audio')[0];
    
        birdhover.hover(function(){
           birdaudio.play();
        }, function(){
           birdaudio.stop();
        });
    });
    

    http://www.w3schools.com/html5/tag_audio.asp

        2
  •  2
  •   Barrie Reader    14 年前

    为多个声音文件更新
    这是我以前用过的: http://plugins.jquery.com/project/sound

    用法:

    $("#sound").sound({swf: url});
    $("#sound").load(url);
    $("#sound").play();
    $("#sound").pause();
    $("#sound").stop();
    $("#sound").volume(0-100);
    

    摘自jQuery插件页面 )

    $('#selector').mouseover(function() {
       $("#sound").play('path/to/wav/or/mp3');
    });
    
    $('#second-selector').mouseover(function() {
       $("#sound2").play('path/to/second/wav/or/mp3');
    });