zc_saas_h5/pages2/polyv/polyv.vue

<template>
	<view class="plv-mp-demo-page">
	  <player
	    class="plv-mp-demo-player"
	    :videoOption="videoOption"
	  />
	</view>
</template>

<script>
import plv from '../../wxcomponents/polyv-sdk/index';
export default {
	data() {
		return {
			videoOption:{
				mode: 'live',
				uid: 'egsxlptzdq',
				cid: '2553128',
				openId: 'oQ5eX5BCtSjkE1ct8CzvxGWgh0hQ',
				isAutoChange: false,
				forceVideo: false,
			},
			detail: {},
		};
	},
	mounted() {},
	methods: {
		setLiveOption(status) {
		    const { userId, channelId, recordFileSimpleModel, playbackEnabled } = this.detail;
		    const playRecordFile = playbackEnabled && recordFileSimpleModel && status === 'end';
		
		    this.videoOption = { 
				mode: 'live',
				uid: userId,
				cid: channelId,
				isAutoChange: false,
				forceVideo: false,
				vodsrc: playRecordFile ? recordFileSimpleModel.mp4 || recordFileSimpleModel.m3u8 : '',
				liveMode: playRecordFile ? 2 : 1,
			  }
		}
	},
	onLoad(options) {
			options.mode = 'live';
			options.forceVideo = false;
		    options.channelId = '2553128'; // 频道ID
		    options.openId = 'oQ5eX5BCtSjkE1ct8CzvxGWgh0hQ'; // 用户openId
		    // userName: ''; // 用户名
		    // avatarUrl: ''; // 用户头像
	        options.userId = 'egsxlptzdq' // 2.0.0及以上版本的demo需要使用 userId 设置学员唯一id
		    plv.init(options)
		      .then(({ detail, chat }) => {
				  
				  console.log(9999)
		        this.detail = detail
		        // 设置mode为live的videoOption
		        // this.setLiveOption();
		
		        if (detail.isPPT) {
		          chat.on(chat.events.SLICESTART, () => {
		            // 开始直播
		          });
		        } else {
		          plv.api.getOrdinaryLiveStatus(detail.stream);
		        }
		      });
		
		console.log(this.$refs.plv)
	},
	onUnload() {
		 plv.destroy();
	}
};
</script>

<style scoped lang="scss">
	.plv-mp-demo-page {
		height:500rpx;
	}
</style>