直播

pages.json

@@ -207,6 +207,17 @@
 					}
 				}
 			}
+		},
+		{
+			"path": "pages/release/zhibo",
+			"style": {
+				"navigationBarTitleText": "",
+				"navigationStyle": "custom",
+				"app-plus": {
+					"titleNView": false,
+					"animationType": "slide-in-bottom"
+				}
+			}
 		}
 	],
 	"globalStyle": {

pages/release/tosign.vue

@@ -19,16 +19,16 @@
 					<u-form-item label-position="right">
 						<u-input v-model="form.text" placeholder="请填写直播简介" />
 					</u-form-item>
-					<view class="values"><text>{{max_two}}</text>/20</view>
+					<view class="values"><text>{{20 - form.text.length}}</text>/20</view>
-					<u-form-item label-position="right">
+					<u-form-item label-position="right" >
-						<u-input v-model="form.values" placeholder="我的售货袋" />
+						<u-input v-model="form.values" placeholder="我的售货袋" @click="navto('selectshop')"/>
 						<view class="rightes"  @click="navto('selectshop')">售货袋</view>
 					</u-form-item>
 				</u-form>
 				<!-- 标签的引入 -->
 				<tap_tosign :fileListes="fileListes" @chuangjian="chuangjian" @qiehuan="qiehuan"></tap_tosign>
 				<view class="titles">直播封面图</view>
-				<u-upload :form-data="{'name':'article_cover'}" action='https://dmmall.sdbairui.com/storeapi/Upload/uploadFile' name="article_cover" :max-count="1" :show-progress="false" :before-upload="tupian" del-color="#ececec" upload-text="上传" del-bg-color="#fff"></u-upload>
+				<u-upload :form-data="{'name':'article_cover'}" action='https://dmmall.sdbairui.com/storeapi/Upload/uploadFile' name="article_cover" :max-count="1" :show-progress="false" @on-change="tupian" del-color="#ececec" upload-text="上传" del-bg-color="#fff"></u-upload>
 			</view>
 			<view class="button-uview">
 				<u-button @click="kaibo">{{relerest}}</u-button>
@@ -49,16 +49,18 @@
 				form: {
 					name: '',
 					intro: '',
-					sex: ''
+					sex: '',
+					text:''
 				},
 				value: '',
 				max_two : '20',
-				max : '优秀的标题可以卖的更好哦~',
+				max : '',
 				titleMaxLength : '20',
 				show: false,
 				relerest: '开始直播',
 				fileListes:[],
-				rSelect:[]
+				rSelect:[],
+				image:""
 			};
 		},
 		methods: {
@@ -88,7 +90,8 @@
 				this.init()
 			},
 			tupian(a){
-				console.log(a)
+				console.log(JSON.parse(a.data).data)
+				this.image = JSON.parse(a.data).data.file_name
 			},
 			navto(url){
 				this.$u.route({
@@ -101,7 +104,15 @@
 					live_desc:this.form.text,
 					spec:this.rSelect.join(","),
 					goods_id:uni.getStorageSync("gouwudai"),
-
+					cover_img:this.image
+				}).then((res)=>{
+					console.log(res)
+					this.$u.route({
+						url:"/pages/release/zhibo",
+						params:{
+							url:res.data.url.replace("&","*")
+						}
+					})
 				})
 			},
 			init(){
@@ -124,6 +135,7 @@
 		},
 		onLoad(){
 			this.init()
+			uni.removeStorageSync('gouwudai')
 		}
 	};
 </script>

pages/release/video.vue

@@ -54,7 +54,6 @@
 				}
 			},
 			components: {  
-			        uniBadge  
 			    }  
 		}
 </script>

pages/release/zhibo.nvue

@@ -0,0 +1,159 @@
+<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="{'height':height + 'px'}"
+        ></live-pusher>
+        <view class="bottom" :style="{'height':height + 'px'}" v-if="show" @click="show = false">
+            <view class="tanchuceng" @click="zuzhi">
+                1
+            </view>
+        </view>
+        
+        <!-- <button class="btn" @click="start">开始推流1</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>
+        rtmp://107268.livepush.myqcloud.com/live/26?txSecret=826e36f52669ebf9290644b82a1d8b33&txTime=5F1A84E4
+        <button class="btn" @click="switchCamera">切换摄像头</button> -->
+    </view>
+</template>
+<style lang="scss" scoped>
+.bottom{
+    width: 750rpx;
+    position: fixed;
+    top:0;
+    z-index: 10;
+}
+.tanchuceng{
+    width: 750rpx;
+    height: 782rpx;
+    position: fixed;
+    bottom: 0;
+    border-top-left-radius:20rpx;
+    border-top-left-radius:20rpx;
+    background-color: #fff;
+    transition: bottom 0.5s;
+    z-index: 20;
+}
+</style>
+<script>
+    export default {
+        data: {
+            fil: true,
+            url:'',
+            height:0,
+            show:true
+        },
+        onReady() {
+            // 注意：需要在onReady中 或 onLoad 延时
+            this.context = uni.createLivePusherContext("livePusher", this);
+            this.startPreview()
+            let that = this
+            uni.getSystemInfo({
+                success(a){
+                    console.log(a.windowHeight)
+                    that.height = a.windowHeight
+                    // that.start()
+
+                }
+            })
+        },
+        onLoad(a){
+            this.url = a.url.replace("*","&")
+
+        },
+        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() {
+                console.log(this.url)
+                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(this.url + '12')
+
+                        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() {
+                let that = this
+                this.context.startPreview({
+                    success: (a) => {
+                        console.log("livePusher.startPreview:" + JSON.stringify(a));
+                        that.start()
+
+                    }
+                });
+            },
+            stopPreview: function() {
+                this.context.stopPreview({
+                    success: (a) => {
+                        console.log("livePusher.stopPreview:" + JSON.stringify(a));
+                    }
+                });
+            },
+            guanbi(){
+                this.show = false
+                console.log(123)
+            },
+            zuzhi(event){
+               event.stopPropagation();  
+            }
+        }
+    }
+</script>