askbot-dragon 0.7.21 → 0.7.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "askbot-dragon",
-  "version": "0.7.21",
+  "version": "0.7.22",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/assets/js/AliyunlssUtil.js

@@ -82,7 +82,7 @@ function ossFileUrl(ossConfig, path, cname) {
 function uploadImageByBase64(ossConfig,blob) {
     let ossClient = new OSS(ossConfig);
 
-    // object-key可以自定义为文件名（例如file.txt）或目录（例如abc/test/file.txt）的形式，实现将文件上传至当前Bucket或Bucket下的指定目录。
+    // object-key可以自定义为文件名（例如file.txt）或目录（例如abc/test/file.txt）的形 式，实现将文件上传至当前Bucket或Bucket下的指定目录。
     let objectKey = pathGenerate(new Date().getTime());
     let result = ossClient.put(objectKey, blob);
     console.debug(result);

package/src/components/askVideo.vue

@@ -15,11 +15,12 @@
                 :raw-controls="true"
                 x5-video-player-type="h5-page"
                 style="object-fit: contain;width: calc(100vw - 139px);height: 160px;background-color: black;border-radius: 25px;max-width: 230px;padding-left: 10px"
-                :poster="poster"
+                preload
                 class="video-player vjs-custom-skin"
                 :id="msg.keyId+'key'">
           <source :src="videoSrc"/>
         </video>
+      <div id="output"></div>
     </div>
 </template>
 <script>
@@ -50,7 +51,10 @@
       mounted() {
           this.$nextTick(()=>{
             this.videoSrc = this.url ? this.url : this.localUrl
-            this.getImage()
+            setTimeout(()=>{
+              this.getImage()
+            },200)
+
 
           })
 
@@ -58,11 +62,12 @@
       methods:{
         getImage(){
           let that = this
-          var video;
+          var video,output;
           var scale = 0.8;
 
           var initialize = function() {
             let id = that.msg.keyId+'key'
+            output = document.getElementById("output");
             video = document.getElementById(id);
             video.addEventListener('loadeddata',captureImage);
           };
@@ -73,8 +78,10 @@
             canvas.height = video.videoHeight * scale;
             canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
             /*var img = document.createElement("img");
-            img.crossOrigin = 'anonymous'*/
-            /*img.src = canvas.toDataURL("image/png");*/
+            img.crossOrigin = 'anonymous'
+            img.src = canvas.toDataURL("image/png");*/
+            let reg = /\.(png|jpg|gif)$/
+            console.debug('img.src',output)
             let base64 = canvas.toDataURL("image/png")
             let blob = that.dataURLtoFile(base64,'name')
             let promise = uploadImageByBase64(ossConfig,blob);
@@ -82,9 +89,12 @@
               console.debug("upload base64 reslut",res);
               if (res&&res.url){
                 that.poster = res.url
+                if (!reg.test(that.poster)){
+                  that.poster +='.png'
+                }
               }
+              console.debug('poster',that.poster)
             });
-            /*output.appendChild(img);*/
           };
 
           initialize();