84 lines
2.3 KiB
Plaintext
84 lines
2.3 KiB
Plaintext
<template>
|
||
<view>
|
||
<live-pusher id='livePusher' ref="livePusher" class="livePusher" :url="url" mode="SD" :muted="true"
|
||
:enable-camera="true" :auto-focus="true" :beauty="1" whiteness="2" aspect="9:16" @statechange="statechange"
|
||
@netstatus="netstatus" @error="error"
|
||
:style="'width: '+ windowWidth +'px; height: '+ windowHeight +'px;z-inde:-1;'">
|
||
</live-pusher>
|
||
<sd-float-page :room='room' @switchCamera='switchCamera' :msgList='msgList'
|
||
:style="'width: '+ windowWidth +'px; height: '+ windowHeight +'px;position: absolute;z-index:999999;' "></sd-float-page>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import sdFloatPage from '@/components/sd-live-page/livepage.nvue';
|
||
|
||
|
||
export default {
|
||
components: {
|
||
sdFloatPage
|
||
},
|
||
data() {
|
||
return {
|
||
url: '',
|
||
windowHeight: 0,
|
||
windowWidth: 0,
|
||
room: {},
|
||
pusherContext: null,
|
||
userName:this.userName,
|
||
inputModel:'',
|
||
msgList:[]
|
||
};
|
||
},
|
||
onReady() {
|
||
// this.context = uni.createLivePusherContext('livePusher', this);
|
||
// this.context.switchCamera() // 摄像头切换（切换为后置）
|
||
// this.context.startPreview() // 摄像头预览 （不加会黑屏）
|
||
this.windowWidth = uni.getSystemInfoSync().screenWidth //获取屏幕宽度
|
||
this.windowHeight = uni.getSystemInfoSync().screenHeight; //获取屏幕高度
|
||
// 监听窗口大小的变化
|
||
uni.onWindowResize((res) => {
|
||
this.windowHeight = res.size.windowHeight;
|
||
})
|
||
|
||
},
|
||
onLoad(options) {
|
||
|
||
this.room = JSON.parse(decodeURIComponent(options.data));
|
||
this.url = this.room.push_url
|
||
},
|
||
mounted() {
|
||
this.pusherContext = uni.createLivePusherContext('livePusher', this);
|
||
// console.log('创建 pusherContext：', this.pusherContext);
|
||
|
||
//开始推流
|
||
this.pusherContext.start(function(e) {
|
||
console.log('推流情况')
|
||
// console.log(e)
|
||
});
|
||
|
||
},
|
||
methods: {
|
||
|
||
statechange(e) {
|
||
// console.log("statechange:" + JSON.stringify(e));
|
||
},
|
||
//切换摄像头
|
||
switchCamera: function() {
|
||
this.pusherContext.switchCamera({
|
||
success: (a) => {
|
||
console.log("livePusher.switchCamera:" + JSON.stringify(a));
|
||
}
|
||
});
|
||
},
|
||
|
||
|
||
netstatus(e) {
|
||
// console.log("netstatus:" + JSON.stringify(e));
|
||
},
|
||
error(e) {
|
||
// console.log("error:" + JSON.stringify(e));
|
||
},
|
||
}
|
||
};
|
||
</script> |