美文网首页
【小知识】js 播放wav,mp3音频

【小知识】js 播放wav,mp3音频

作者: 棒棒糖RV | 来源:发表于2017-11-09 16:01 被阅读0次

    事情是这个样子

    做了一个web应用,有个提交成功的操作,突然想干一件事,就是无论成功与失败都有个提示音效,就像微信收款成功的提醒似的,
    话不多说,上代码

    function playSound()
        {
          var borswer = window.navigator.userAgent.toLowerCase();
          if ( borswer.indexOf( "ie" ) >= 0 )
          {
            //IE内核浏览器
            var strEmbed = '<embed name="embedPlay" src="https://www.xing2020.com/static/flash/success.wav"></embed>';
            if ( $( "body" ).find( "embed" ).length <= 0 )
              $( "body" ).append( strEmbed );
            var embed = document.embedPlay;
    
            //浏览器不支持 audion,则使用 embed 播放
            embed.volume = 100;
            //embed.play();这个不需要
          } else
          {
            //非IE内核浏览器
            var strAudio = "<audio id='audioPlay' src='https://www.xing2020.com/static/flash/success.wav' hidden='true'>";
            if ( $( "body" ).find( "audio" ).length <= 0 )
              $( "body" ).append( strAudio );
            var audio = document.getElementById( "audioPlay" );
    
            //浏览器支持 audion
            audio.play();
          }
        }
    

    有需要的亲们自行搬走,只求点个赞,互相关注一下,期待着在简书能够遇到同行,交个朋友!!

    相关文章

      网友评论

          本文标题:【小知识】js 播放wav,mp3音频

          本文链接:https://www.haomeiwen.com/subject/uofmmxtx.html