uniapp如何接七牛直播

前言

在七牛云后台创建一个直播应用，获取直播推流地址和播放地址，可以通过uniapp接入七牛云直播，提供直播服务。

第一步：导入七牛直播sdk

使用uni-app创建一个新项目，在使用npm安装七牛直播的SDK，安装命令为：

	npm install qiniu-live-sdk --save
	

接着，在main.js中将SDK注册为全局模块，代码如下：

	import qiniuLive from 'qiniu-live-sdk';
	Vue.prototype.qiniuLive=qiniuLive;
	

第二步：初始化直播管理器

在需要使用直播的页面中，初始化直播管理器并获取直播推流地址，参考代码：

	let { qiniuLive }=this;
	let manager=qiniuLive.createLiveManager();
	let options={
		appId: 'yourAppId',
		userName: 'testUser',
		title: 'testLive',
		description: 'this is a test live'
	};
	manager.createPublish(options).then((data)=> {
		// 获取直播推流地址
		let streamUrl=data.rtmpPublishUrl;
	});
	

第三步：在页面中显示直播

将获取到的直播推流地址绑定到video组件中，代码如下：

第四步：播放直播

在需要播放直播的页面中，使用video组件播放绑定的直播播放地址，参考代码：

	let { qiniuLive }=this;
	let manager=qiniuLive.createLiveManager();
	let options={
		appId: 'yourAppId',
		streamId: 'yourStreamId'
	};
	manager.createPlayer(options).then((data)=> {
		// 获取直播播放地址
		let playUrl=data.rtmpPlayUrl;
		// 将直播播放地址绑定到video组件中
		this.streamUrl=playUrl;
	});
	

总结

通过以上代码示例，我们可以在uniapp中接入七牛云直播，提供直播服务，具体步骤包括导入SDK、初始化直播管理器、在页面中显示直播和播放直播。在实现过程中，需要在七牛云后台创建一个直播应用，获取直播推流地址和播放地址，才能够正常使用。