1***@qq.com
1***@qq.com
  • 发布:2024-08-15 10:23
  • 更新:2024-08-15 10:23
  • 阅读:188

开发APP,在nvue页面中使用live-pusher组件,被提示当前环境无法正常运行推流功能

分类:uni-app

<template>
<view class="live-page" :style="'width:'+windowWidth+'px'">
<live-pusher :style="'height:'+windowHeight+'px;width:'+windowWidth+'px'" id='livePusher' ref="livePusher" class="livePusher" url=""
mode="SD" :muted="true" :enable-camera="true" :auto-focus="true" :beauty="1" whiteness="2" aspect="9:16" :enable-mic="false"
@statechange="statechange" @netstatus="netstatus" @error="error"></live-pusher>
<button class="btn" @click="start">开始推流</button>
<button class="btn" @click="pause">暂停推流</button>
<button class="btn" @click="resume">resume</button>
<button class="btn" @click="stop">停止推流</button>
<button class="btn" @click="snapshot">快照</button>
<button class="btn" @click="startPreview">开启摄像头预览</button>
<button class="btn" @click="stopPreview">关闭摄像头预览</button>
<button class="btn" @click="switchCamera">切换摄像头</button>
</view>
</template>

<script>
export default {
data() {
return {
/手机高度/
windowHeight: 0,
windowWidth: 0,
}
},

    onReady() {  
        // 注意:需要在onReady中 或 onLoad 延时  
        this.context = uni.createLivePusherContext("livePusher", this);  
    },  
    mounted() {  
        let that = this;  
        uni.getSystemInfo({  
            success(res) {  
                console.log(res)  
                that.windowHeight = res.windowHeight;  
                that.windowWidth = res.windowWidth;  

                // let view = uni.createSelectorQuery().select('.top_head');  
                // view.boundingClientRect(data => {  
                //  let h = _this.phoneHeight - data.height;  
                //  _this.scrollviewHigh = h;  
                // }).exec();  
            }  
        });  

    },  
    methods: {  
        statechange(e) {  
            console.log("statechange:" + JSON.stringify(e));  
        },  
        netstatus(e) {  
            console.log("netstatus:" + JSON.stringify(e));  
        },  
        error(e) {  
            console.log("error:" + JSON.stringify(e));  
        },  
        start: function() {  
            this.context.start({  
                success: (a) => {  
                    console.log("livePusher.start:" + JSON.stringify(a));  
                }  
            });  
        },  
        close: function() {  
            this.context.close({  
                success: (a) => {  
                    console.log("livePusher.close:" + JSON.stringify(a));  
                }  
            });  
        },  
        snapshot: function() {  
            this.context.snapshot({  
                success: (e) => {  
                    console.log(JSON.stringify(e));  
                }  
            });  
        },  
        resume: function() {  
            this.context.resume({  
                success: (a) => {  
                    console.log("livePusher.resume:" + JSON.stringify(a));  
                }  
            });  
        },  
        pause: function() {  
            this.context.pause({  
                success: (a) => {  
                    console.log("livePusher.pause:" + JSON.stringify(a));  
                }  
            });  
        },  
        stop: function() {  
            this.context.stop({  
                success: (a) => {  
                    console.log(JSON.stringify(a));  
                }  
            });  
        },  
        switchCamera: function() {  
            this.context.switchCamera({  
                success: (a) => {  
                    console.log("livePusher.switchCamera:" + JSON.stringify(a));  
                }  
            });  
        },  
        startPreview: function() {  
            this.context.startPreview({  
                success: (a) => {  
                    console.log("livePusher.startPreview:" + JSON.stringify(a));  
                }  
            });  
        },  
        stopPreview: function() {  
            this.context.stopPreview({  
                success: (a) => {  
                    console.log("livePusher.stopPreview:" + JSON.stringify(a));  
                }  
            });  
        }  
    }  
}  

</script>

<style>

.livePusher {  
    background: red;  
}  

</style>

2024-08-15 10:23 负责人:无 分享
已邀请:

要回复问题请先登录注册