直播完成

pages/release/tosign.vue

@@ -112,7 +112,8 @@
 						url:"/pages/release/zhibo",
 						params:{
 							url:res.data.url.replace("&","*"),
-							id:res.data.chat_id
+							id:res.data.chat_id,
+							live_id: res.data.live_id
 						}
 					})
 				})

pages/release/zhibo.nvue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <live-pusher id='livePusher' ref="livePusher" class="livePusher" :url="url"
-        mode="SD" :muted="false" :enable-camera="true" :auto-focus="true" :beauty="1" whiteness="2"
+        mode="SD" :muted="false" :enable-camera="true" :auto-focus="true" :beauty="meiyan + 1" whiteness="2"
         aspect="9:16" @statechange="statechange" @netstatus="netstatus" @error = "error"
         :style="{'height':height + 'px'}"
         ></live-pusher>
@@ -41,9 +41,33 @@
             <image class="userhead" :src="info.member_avatar"></image>
             <div class="userinfo">
                 <text class="username">{{info.member_name}}</text>
-                <text class="username" style="font-size:20rpx">asdasdsa | sadasdas</text>
+                <text class="username" style="font-size:20rpx">{{time}} | sadasdas</text>
             </div>
         </div>
+        <image class="closeimg" src="../../static/image/close.png" @click="closes"></image>
+        <image class="menuimg" src="../../static/image/menu.png" @click="tool = true"></image>
+        <image class="shoptapimg" @click="xianshi" src="../../static/image/shop.png"></image>
+        <text style="font-size:26rpx;color:#fff;width:512rpx;position:fixed;left:30rpx;top:793rpx">德铭阳光在线绿色直播，请遵循相关法律法规，警察叔叔24小时巡查哦。为了保障直播系统稳定，现将全局开放防主播沉迷功能。主播积累直播16小时将自动下播休息2小时后方可继续开播。请大家注意休息/避免空播。
+        </text>
+        <div class="bottom" :style="{'height':height + 'px'}" v-if="tool" @click="tool = false">
+        <view class="menu" @click="zuzhi">
+            <view class="menuback"></view>
+            <text class="menutitle">直播工具</text>
+            <view class="menutool">
+                <view class="menutoolitem" @click="switchCamera">
+                    <image class="menutoolitemimg"></image>
+                    <text class="menutoolitemtitle">翻转</text>
+                </view>
+                 <picker @change="bindPickerChange" :value="meiyan" :range="[1,2,3,4,5,6,7,8,9]">
+                        <view class="menutoolitem">
+                            <image class="menutoolitemimg"></image>
+                            <text class="menutoolitemtitle">美颜</text>
+                        </view>
+                </picker>
+               
+            </view>
+        </view>
+        </div>
         <!-- <button class="btn" @click="start">开始推流1</button>
         <button class="btn" @click="pause">暂停推流</button>
         <button class="btn" @click="resume">resume</button>
@@ -56,6 +80,27 @@
     </div>
 </template>
 <style lang="scss" scoped>
+.shoptapimg{
+    width: 65rpx;
+    height: 65rpx;
+    position: fixed;
+    right: 26rpx;
+    bottom: 24rpx;
+}
+.menuimg{
+    width: 60rpx;
+    height: 55rpx;
+    position: fixed;
+    left: 26rpx;
+    bottom: 24rpx;
+}
+.closeimg{
+    position: fixed;
+    top: 70rpx;
+    right: 31rpx;
+    width: 31rpx;
+    height: 31rpx;
+}
 .username{
     font-size: 24rpx;
     color: #fff;
@@ -97,7 +142,6 @@
 .shopimg{
     width: 160rpx;
     height: 160rpx;
-    background-color: #0f0;
     
 
 }
@@ -164,6 +208,50 @@
     z-index: 20;
     
 }
+.menu{
+    width: 750rpx;
+    height: 335rpx;
+    border-top-left-radius: 20rpx;
+    border-top-right-radius: 20rpx;
+    overflow: hidden;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+}
+.menuback{
+    background-color: #000;
+    opacity: 0.8;
+    position: absolute;
+    border-top-left-radius: 20rpx;
+    border-top-right-radius: 20rpx;
+    overflow: hidden;
+    top: 0;
+    left: 0;
+}
+.menutitle{
+    font-size: 30rpx;
+    color: #fff;
+    margin-left: 30rpx;
+    margin-top: 30rpx;
+}
+.menutool{
+    flex-direction: row;
+    margin-top: 59rpx;
+    margin-left: 30rpx;
+}
+.menutoolitem{
+    align-items: center;
+    margin-right: 60rpx;
+}
+.menutoolitemtitle{
+    margin-top: 30rpx;
+    font-size: 28rpx;
+    color: #fff;
+}
+.menutoolitemimg{
+    width: 100rpx;
+    height: 100rpx;
+}
 </style>
 <script>
     const RongIMLib = require('../../static/rongyun.js');
@@ -172,10 +260,15 @@
             fil: true,
             url:'',
             height:0,
-            show:true,
+            show:false,
             list:[],
             info:{},
-            im:{}
+            im:{},
+            chatroom_id:0,
+            live_id:0,
+            tool:false,
+            meiyan:0,
+            time:'00:00:00'
         },
         onReady() {
             // 注意：需要在onReady中 或 onLoad 延时
@@ -196,73 +289,146 @@
             let that = this
             const token = uni.getStorageSync('token');
             console.log('Bearer' + " " + token)
-            // uni.request({
+            this.chatroom_id = a.id
-            //     url:"https://dmmall.sdbairui.com/storeapi/Streaming/liveStreamList",
+            this.live_id = a.live_id
-            //     method:"POST",
+            uni.request({
-            //     headers:{
+                url:"https://dmmall.sdbairui.com/storeapi/Streaming/liveStreamList",
-            //         'Authorization' : 'Bearer' + " " + token
+                method:"POST",
-            //     },
+                header:{
-            //     success(res){
+                    'Authorization' : 'Bearer' + " " + token
-            //         console.log(res)
-            //         that.list= res.data.data
-            //     }
-            // })
-            //  uni.request({
-            //     url:"https://dmmall.sdbairui.com/storeapi/member/memberInfo",
-            //     method:"POST",
-            //     headers:{
-            //         'Authorization' : 'Bearer' + " " + token
-            //     },
-            //     success(res){
-            //         console.log(res.data.data.memberInfo)
-            //         that.info = res.data.data.memberInfo
-            //     }
-            // })
-            var config = {
-                appkey: 'mgb7ka1',
-                debug:true
-            };
-            var im = RongIMLib.init(config);
-            var conversationList = []; // 当前已存在的会话列表
-            im.watch({
-                conversation: function(event){
-                    var updatedConversationList = event.updatedConversationList; // 更新的会话列表
-                    console.log('更新会话汇总:', updatedConversationList);
-                    console.log('最新会话列表:', im.Conversation.merge({
-                    conversationList,
-                    updatedConversationList
-                    }));
                 },
-                message: function(event){
+                success(res){
-                    var message = event.message;
+                    console.log(res)
-                    console.log('收到新消息:', message);
+                    that.list= res.data.data
-                },
-                status: function(event){
-                    var status = event.status;
-                    console.log('连接状态码:', status);
                 }
-            });
-            var user = {
-                token: uni.getStorageSync('rongyun')
-            };
-            console.log(user,123)
-            im.connect(user).then(function(user) {
-                console.log('链接成功, 链接用户 id 为: ', user.id);
-            }).catch(function(error) {
-                console.log('链接失败: ', error.code, error);
-            });
-            var chatRoom = im.ChatRoom.get({
-                id: a.id
             })
-            chatRoom.join({
+             uni.request({
-                count: 20 // 进入后, 自动拉取 20 条聊天室最新消息
+                url:"https://dmmall.sdbairui.com/storeapi/member/memberInfo",
-            }).then(function() {
+                method:"POST",
-                console.log('加入聊天室成功');
+                header:{
-            }).catch((err)=>{
+                    'Authorization' : 'Bearer' + " " + token
-                console.log(err,262)
+                },
+                success(res){
+                    console.log(res.data)
+                    that.info = res.data.data.memberInfo
+                }
             })
+            let shi = 0;
+            let fen = 0;
+            let miao = 0;
+            setInterval(() => {
+                shi = parseInt(shi)
+                fen = parseInt(fen)
+                miao = parseInt(miao)
+                miao = miao + 1 
+                console.log(miao)
+                if(miao == 60){
+                    miao = 0;
+                    fen +=1
+                }
+                if(fen == 60){
+                    shi += 1
+                    fen = 0
+                }
+                if(shi < 10){
+                    shi = '0' + shi
+                }
+                if(fen < 10){
+                    fen = '0' + fen
+                }
+                if(miao < 10){
+                    miao = '0' + miao
+                }
+                that.time = shi + ":" + fen + ":" + miao
+            }, 1000);
+            // var config = {
+            //     appkey: 'mgb7ka1',
+            //     debug:true
+            // };
+            // var im = RongIMLib.init(config);
+            // var conversationList = []; // 当前已存在的会话列表
+            // im.watch({
+            //     conversation: function(event){
+            //         var updatedConversationList = event.updatedConversationList; // 更新的会话列表
+            //         console.log('更新会话汇总:', updatedConversationList);
+            //         console.log('最新会话列表:', im.Conversation.merge({
+            //         conversationList,
+            //         updatedConversationList
+            //         }));
+            //     },
+            //     message: function(event){
+            //         var message = event.message;
+            //         console.log('收到新消息:', message);
+            //     },
+            //     status: function(event){
+            //         var status = event.status;
+            //         console.log('连接状态码:', status);
+            //     }
+            // });
+            // var user = {
+            //     token: uni.getStorageSync('rongyun')
+            // };
+            // console.log(user,123)
+            // im.connect(user).then(function(user) {
+            //     console.log('链接成功, 链接用户 id 为: ', user.id);
+            // }).catch(function(error) {
+            //     console.log('链接失败: ', error.code, error);
+            // });
+            // var chatRoom = im.ChatRoom.get({
+            //     id: a.id
+            // })
+            // chatRoom.join({
+            //     count: 20 // 进入后, 自动拉取 20 条聊天室最新消息
+            // }).then(function() {
+            //     console.log('加入聊天室成功');
+            // }).catch((err)=>{
+            //     console.log(err,262)
+            // })
+
         },  
         methods: {
+            bindPickerChange(a){
+                console.log(a.detail.value)
+                this.meiyan = a.detail.value
+                uni.showToast({
+                    title: '切换成功',
+                    duration: 2000
+                });
+            },
+            closes(){
+                const token = uni.getStorageSync('token');
+                let that = this
+                console.log(that.url)
+                uni.showModal({
+                    title: '提示',
+                    content: '是否关闭直播',
+                    success: function (res) {
+                        if (res.confirm) {
+                             uni.request({
+                                url:"https://dmmall.sdbairui.com/storeapi/Streaming/destroyChatRoom",
+                                data:{
+                                    chatroom_id:that.chatroom_id,
+                                    live_id:that.live_id,
+                                    url: that.url
+                                },
+                                method:"POST",
+                                header:{
+                                    "Authorization" : 'Bearer' + " " + token
+                                },
+                                success(res){
+                                    console.log(res)
+                                    uni.navigateBack({
+                                        delta: 1
+                                    });
+                                    // that.list= res.data.data
+                                }
+                            })
+                        } else if (res.cancel) {
+                            console.log('用户点击取消');
+                        }
+                    }
+                }); 
+            },
             statechange(e) {
                 console.log("statechange:" + JSON.stringify(e));
             },
@@ -342,6 +508,10 @@
                     }
                 });
             },
+            xianshi(){
+                this.show = true;
+                console.log(111)
+            },
             guanbi(){
                 this.show = false
                 console.log(123)
@@ -365,7 +535,7 @@
                     data:{
                         goods_id:arr.join(',')
                     },
-                    headers:{
+                    header:{
                         'Authorization' : 'Bearer' + " " + token
                     },
                     success(res){
@@ -373,7 +543,7 @@
                         uni.request({
                             url:"https://dmmall.sdbairui.com//storeapi/Streaming/liveStreamList",
                             method:"POST",
-                            headers:{
+                            header:{
                                 'Authorization' : 'Bearer' + " " + token
                             },
                             success(res){