微信小程序里视频和音频该怎么下载

微信小程序里视频和音频该下载方式是录屏。

首先可以通过录屏来下载小程序里面的视频和音频，但是这已不算是下载的范畴，而是录制的范畴了。因为小程序里面的视频和音频在手机上是无法直接下载的，所以才有录屏这种曲折的办法。

简介：

小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。

2016年1月11日，2016微信公开课PRO版在广州举行，“微信之父”张小龙首次公开演讲，宣布微信公众号将推出“应用号”，通过公众号完成一些App的部分功能。

2016年9月21日晚间，微信官方向部分公众号发出了应用号的内测邀请。2016年9月22日凌晨，微信正式对外声明已经开始内测。2016年11月3日晚间，微信团队宣布：微信小程序正式开放公测。

我们在微信小程序业务当中，经常会用嵌入视频到我们的页面当中去。我们可以通过微信小程序video自带的bindloadedmetadata事件去获取视频的一些信息。

在video标签中加入该方法

然后我们在JS文件中添加该方法

众所周知，audio或video标签有一个自动播放的属性，即autoplay，但是在真实项目中，我们会发现给音视频标签添加了autoplay属性后，音视频并不会自动播放，依然需要手动点击，这是因为谷歌等主流内核都禁用了autoplay属性，如果我们希望自动播放，还需要另辟蹊径。写完小项目后，笔者将解决办法粘贴 出来，供个人以及部分笔者后期参考（本文只提供微信平台提供的解决办法）。

1在跳转到H5上面 autoplay 无效。

2网上搜索过各种方法，目前各大厂也需要用户点击方可播放，但是如果加上muted=true 静音播放，在跳转过来变可以自动播放了。

但是需要手动来开启声音。还是不推荐使用，通常处于用户体验，节省流量来考虑的话，一进来还是手动点击才人性化。最好尽量引导手动点击。

3参考>

微信开发者工具播放视频没声音可以重新调试。打开微信小程序，Video组件的声音是由muted控制，会写成muted="flase"，或者直接muted，默认值不起作用，改写成muted="{{flase}}"，这样就调试成功了。

首先说一下我的应用场景, 在小程序中会有多个页面存在视频组件的情况, 为了防止视频播放时多个视频组件同时播放的情况,现记录一下方案:

一 可以在需要视频播放的地方弄一个视频播放的按钮, 当视频播放的时候再初始化视频组件, 保证整个应用内只有一个视频组件(视频组件的位置需要计算), 整个方法只是理论下的情况;

二 在appjs中 设置两个对象, currentVideoId(播放视频组件的id)和videoContext(当前播放视频的对象, 通过wxcreateVideoContext方法获得), 在页面的js中控制, 保证video组件绑定play方法:

 <video src="url" bindplay="play"></video>

在play方法中实现即可:

var id = ecurrentTargetid;

      if (id != null) {

        if (appcurrentVideoId != id) {

          if (appvideoContext != null) {

            appvideoContextstop();

            consolewarn("暂停");

          }

          appcurrentVideoId = id;

          appvideoContext = wxcreateVideoContext(id);

        }

      }

因为currentVideoId 和videoContext是唯一的对象, 方法中播放监听事件会暂停之前的播放, 然后再赋值, 等下次video播放监听进来的时候, 会进行判断

三 包含富文本组件的视频组件同时播放的情况

依据上面的例子, 当自定义富文本组件中包含多个video组件时也用上面的方法会产生错误, 虽然log会显示将执行视频暂停或者停止播放, 但是没有效果, 查看 视频api , 提示

根据api显示, id为video组件的id, 还有一个"Object this", 但是依据上面的api使用, 直接用id确实可以获取video对象, 但是api解释中提示, "在自定义组件下，当前组件实例的this，以 *** 作组件内 video组件", 在自定义组件中, 要加this, 所以总结: 在上面api使用中, 如果video在pages页面中, wxcreateVideoContext参数只写id没有问题, 但是当video在自定义组件中, 要必须加this, 才能正确返回VideoContext对象;

格式

iOS Android

mp4 √ √

mov √ x

m4v √ x

3gp √ √

avi √ x

m3u8 √ √

webm x √

支持

以上就是关于微信小程序里视频和音频该怎么下载全部的内容，包括:微信小程序里视频和音频该怎么下载、微信小程序获取video视频的时长、微信平台（小程序或公众号）中音视频自动播放的方法等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！