美文网首页
HTML

HTML

作者: 李小鵬 | 来源:发表于2018-08-08 10:56 被阅读0次


1.多个音频分享微信,朋友圈

document.addEventListener("WeixinJSBridgeReady", function() {

         audio('音频地址');

       }, false);

function audio(url) {

      myAudio.preload = true;

      myAudio.controls = false;

       myAudio.src = '第一个音频地址'; //每次读数组最后一个元素

       myAudio.addEventListener('ended', playEndedHandler, false);

     myAudio.play();

      myAudio.loop = false; //禁止循环,否则无法触发ended事件

    function playEndedHandler() {

           myAudio.src = url;

           myAudio.play();

            !arr.length && myAudio.removeEventListener('ended', playEndedHandler, false); //只有一个元素时解除绑定

                }

}

相关文章

  • HTML

    1.多个音频分享微信,朋友圈 document.addEventListener("WeixinJSBridgeR...

  • ## HTML基础-多媒体标签

    ## HTML基础-多媒体标签 # video标签 # audio标签 # marquee标签(跑马灯) H5新增...

  • 关于audio

    Audio 标签用于定义声音,比如音乐或其他音频流,HTML5 的 Audio 标签在很大程度上取代了 Flash...

  • 解决audio标签样式问题及ios自动播放问题

    解决audio标签样式问题及ios自动播放问题 html代码如下,ios的audio标签好像不支持ogg文件播放,...

  • html5音频标签

    1. HTML

  • 移动端----au

    在我们的移动端,如果,我们需要播放audio(音频)和video(视频),是要借助html新增的标签,audio和...

  • html5 audio标签

    1.作用 播放视频 2.格式 或者 Wav ,mp3,ogg这三个版本 3.注意点 video能使用的属性在aud...

  • 网页内嵌背景音乐制作

    HTML5 标签 在网页内使用HTML5的Audio标签。具体的可以看 MDN手册 我在做微信内嵌页面开放的时候,...

  • video标签

    HTML5 Audio/Video 标签,属性,方法,事件汇总https://www.cnblogs.com/ku...

  • 关于HTML5的audio标签和video标签删除下载图标

    关于HTML5的audio标签和video标签删除下载图标 - a+b!=c - 博客园 设置css video:...

网友评论

      本文标题:HTML

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