移动端自动播放音视频实现代码

朴灿烈づ我的快乐病毒、 2022-09-04 07:53 229阅读 0赞

视频组件

使用wx的jssdk，

var jweixin = require('jweixin-module');
    var innerAudioContext;

创建视频实例对象，在sdk初始化完成后，调用 getNetworkType 权限，在成功后执行播放，就可以自动播放了

creatAudio() {
    				var that = this;
    				jweixin.config({}); // 不做任何签名验证都可以
    				jweixin.ready(function() {
    					if (innerAudioContext) innerAudioContext.pause();
    					innerAudioContext = uni.createVideoContext('audio' + that.index);
    					innerAudioContext.autoplay = true;
    					innerAudioContext.src = that.src;
    					innerAudioContext.play();
    					WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
    						innerAudioContext.play();
    					})
    				})
    			},

# jweixin-module #

微信JS-SDK

## 安装 ##

### NPM ###

npm install jweixin-module --save

## 使用 ##

var jweixin = require('jweixin-module')
    
    jweixin.config({}); // 不做任何签名验证都可以
    jweixin.ready(function(){
    
        // TODO
    
    });

## 完整API ##

> [微信JS-SDK说明文档][JS-SDK]

## Keywords ##

*  [wxjssdk][]
 *  [weixin][]
 *  [jweixin][]
 *  [wechat][]
 *  [jssdk][]
 *  [wx][]

[JS-SDK]: https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
[wxjssdk]: https://www.npmjs.com/search?q=keywords:wxjssdk
[weixin]: https://www.npmjs.com/search?q=keywords:weixin
[jweixin]: https://www.npmjs.com/search?q=keywords:jweixin
[wechat]: https://www.npmjs.com/search?q=keywords:wechat
[jssdk]: https://www.npmjs.com/search?q=keywords:jssdk
[wx]: https://www.npmjs.com/search?q=keywords:wx