增加回放视频

season
1 parent 75aec6ef
Showing 5 changed files with 79 additions and 13 deletions
app.json
pages/video/index.js
pages/video/index.json
pages/video/index.wxml
pages/video/index.wxss
 {
   "pages": [
+    "pages/video/index",    
     "pages/index/index/index",    
     "pages/goods/categoryList/categoryList",
     "pages/cart/cart/cart",
@@ -83,19 +84,7 @@
     "pages/user/assistance/assistance_success",
     "pages/user/assistance/assistance"
  
-  ],
-    "subPackages": [
-      {
-        "root": "packageA/",
-        "pages": [],
-        "plugins": {
-          "live-player-plugin": {
-            "version": "1.0.2",
-            "provider": "wx2b03c6e691cd7370"
-          }
-        }
-      }
-    ],
+  ],   
   "permission": {
     "scope.userLocation": {
       "desc": "获取你的位置信息"
+function getRandomColor () {
+  let rgb = []
+  for (let i = 0 ; i < 3; ++i){
+    let color = Math.floor(Math.random() * 256).toString(16)
+    color = color.length == 1 ? '0' + color : color
+    rgb.push(color)
+  }
+  return '#' + rgb.join('')
+}
+
+Page({
+  onReady: function (res) {
+    this.videoContext = wx.createVideoContext('myVideo')
+  },
+  inputValue: '',
+  data: {
+    src: '',
+    danmuList: [
+      {
+        text: '第 1s 出现的弹幕',
+        color: '#ff0000',
+        time: 1
+      },
+      {
+        text: '第 3s 出现的弹幕',
+        color: '#ff00ff',
+        time: 3
+    }]
+  },
+  bindInputBlur: function(e) {
+    this.inputValue = e.detail.value
+  },
+  bindButtonTap: function() {
+    var that = this
+    wx.chooseVideo({
+      sourceType: ['album', 'camera'],
+      maxDuration: 60,
+      camera: ['front','back'],
+      success: function(res) {
+        that.setData({
+          src: res.tempFilePath
+        })
+      }
+    })
+  },
+  bindSendDanmu: function () {
+    this.videoContext.sendDanmu({
+      text: this.inputValue,
+      color: getRandomColor()
+    })
+  }
+})
 \ No newline at end of file
+{
+    "navigationBarTitleText": "视频",
+    "enablePullDownRefresh": false
+}
 \ No newline at end of file
+
+<view class="video">
+  <video
+   src="http://1258344707.vod2.myqcloud.com/1b87576bvodcq1258344707/54fc82435285890799847056279/playlist_eof.m3u8"
+   controls
+   show-fullscreen-btn
+   show-mute-btn
+   bindplay = "play"
+   bindwaiting="waiting"
+   binderror="error"
+   bindpause="pause"
+   bindtimeupdate="timeupdate"></video>
+
+</view>
 \ No newline at end of file
+.page-body-button {
+  margin-bottom: 30rpx;
+}
+
+video {
+  width: 100%;
+}
 \ No newline at end of file