|
@@ -2,49 +2,49 @@
|
|
|
<div>
|
|
|
<el-form-item label="视频上传">
|
|
|
<div class="upload_video" id="upload_video">
|
|
|
- <el-upload
|
|
|
- class="upload-demo"
|
|
|
- ref="upload"
|
|
|
- action="#"
|
|
|
- :http-request="uploadVideoToTxPcdn"
|
|
|
- accept=".mp4"
|
|
|
- :limit="1"
|
|
|
- :on-remove="handleRemove"
|
|
|
- :on-change="handleChange"
|
|
|
- :auto-upload="false"
|
|
|
- :key="uploadKey"
|
|
|
- >
|
|
|
- <el-button slot="trigger" size="small" type="primary" >选取视频</el-button>
|
|
|
- <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">点击上传</el-button>
|
|
|
+<!-- <el-upload-->
|
|
|
+<!-- class="upload-demo"-->
|
|
|
+<!-- ref="upload"-->
|
|
|
+<!-- action="#"-->
|
|
|
+<!-- :http-request="uploadVideoToTxPcdn"-->
|
|
|
+<!-- accept=".mp4"-->
|
|
|
+<!-- :limit="1"-->
|
|
|
+<!-- :on-remove="handleRemove"-->
|
|
|
+<!-- :on-change="handleChange"-->
|
|
|
+<!-- :auto-upload="false"-->
|
|
|
+<!-- :key="uploadKey"-->
|
|
|
+<!-- >-->
|
|
|
+<!-- <el-button slot="trigger" size="small" type="primary" >选取视频</el-button>-->
|
|
|
+<!-- <el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">点击上传</el-button>-->
|
|
|
<!-- 仅当showControl为true时显示视频库选取按钮 -->
|
|
|
- <el-button v-if="showControl" style="margin-left: 10px;" size="small" type="success" @click="openVideoLibrary">视频库选取</el-button>
|
|
|
+ <el-button v-if="showControl" size="small" type="success" @click="openVideoLibrary">视频库选取</el-button>
|
|
|
<!-- 线路一 -->
|
|
|
- <div class="progress-container">
|
|
|
- <span class="progress-label">线路一</span>
|
|
|
- <el-progress
|
|
|
- style="margin-top: 5px;"
|
|
|
- class="progress"
|
|
|
- :text-inside="true"
|
|
|
- :stroke-width="18"
|
|
|
- :percentage="txProgress"
|
|
|
- status="success">
|
|
|
- </el-progress>
|
|
|
- </div>
|
|
|
+<!-- <div class="progress-container">-->
|
|
|
+<!-- <span class="progress-label">线路一</span>-->
|
|
|
+<!-- <el-progress-->
|
|
|
+<!-- style="margin-top: 5px;"-->
|
|
|
+<!-- class="progress"-->
|
|
|
+<!-- :text-inside="true"-->
|
|
|
+<!-- :stroke-width="18"-->
|
|
|
+<!-- :percentage="txProgress"-->
|
|
|
+<!-- status="success">-->
|
|
|
+<!-- </el-progress>-->
|
|
|
+<!-- </div>-->
|
|
|
|
|
|
- <!-- 线路二 -->
|
|
|
- <div class="progress-container">
|
|
|
- <span class="progress-label">线路二</span>
|
|
|
- <el-progress
|
|
|
- style="margin-top: 5px;"
|
|
|
- class="progress"
|
|
|
- :text-inside="true"
|
|
|
- :stroke-width="18"
|
|
|
- :percentage="hwProgress"
|
|
|
- status="success">
|
|
|
- </el-progress>
|
|
|
- </div>
|
|
|
- <div slot="tip" class="el-upload__tip">只能上传mp4文件,且不超过500M</div>
|
|
|
- </el-upload>
|
|
|
+<!-- <!– 线路二 –>-->
|
|
|
+<!-- <div class="progress-container">-->
|
|
|
+<!-- <span class="progress-label">线路二</span>-->
|
|
|
+<!-- <el-progress-->
|
|
|
+<!-- style="margin-top: 5px;"-->
|
|
|
+<!-- class="progress"-->
|
|
|
+<!-- :text-inside="true"-->
|
|
|
+<!-- :stroke-width="18"-->
|
|
|
+<!-- :percentage="hwProgress"-->
|
|
|
+<!-- status="success">-->
|
|
|
+<!-- </el-progress>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div slot="tip" class="el-upload__tip">只能上传mp4文件,且不超过500M</div>-->
|
|
|
+<!-- </el-upload>-->
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="视频播放">
|
|
@@ -54,13 +54,13 @@
|
|
|
<div v-if="fileSize">文件大小(MB): {{ (fileSize / (1024 * 1024)).toFixed(2) }} MB</div>
|
|
|
</el-form-item>
|
|
|
<!-- 仅当showControl为true时显示播放线路选择器 -->
|
|
|
- <el-form-item v-if="showControl" label="播放线路">
|
|
|
- <el-radio-group v-model="localUploadType">
|
|
|
- <el-radio :label="1" >线路一</el-radio>
|
|
|
- <el-radio :label="2" >线路二</el-radio>
|
|
|
- <!-- <el-radio :label="3" >线路三</el-radio>-->
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
+<!-- <el-form-item v-if="showControl" label="播放线路">-->
|
|
|
+<!-- <el-radio-group v-model="localUploadType">-->
|
|
|
+<!-- <el-radio :label="1" >线路一</el-radio>-->
|
|
|
+<!-- <el-radio :label="2" >线路二</el-radio>-->
|
|
|
+<!-- <!– <el-radio :label="3" >线路三</el-radio>–>-->
|
|
|
+<!-- </el-radio-group>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
|
|
|
<!-- 视频库选择对话框 -->
|
|
|
<el-dialog title="视频库选择" :visible.sync="libraryOpen" width="900px" append-to-body>
|
|
@@ -200,6 +200,14 @@ export default {
|
|
|
type: Number,
|
|
|
default: 0,
|
|
|
},
|
|
|
+ isTranscode: {
|
|
|
+ type: Number,
|
|
|
+ default: null,
|
|
|
+ },
|
|
|
+ transcodeFileKey: {
|
|
|
+ type: String,
|
|
|
+ default: "",
|
|
|
+ },
|
|
|
|
|
|
// 使用一个变量控制显示,默认为true显示所有控制项
|
|
|
showControl: {
|
|
@@ -232,6 +240,7 @@ export default {
|
|
|
libraryList: [],
|
|
|
selectedVideo: null,
|
|
|
libraryQueryParams: {
|
|
|
+ isTranscode:1,
|
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
|
resourceName: null,
|
|
@@ -428,6 +437,8 @@ export default {
|
|
|
this.$emit("update:fileKey", this.selectedVideo.fileKey);
|
|
|
this.$emit("update:uploadType", this.selectedVideo.uploadType);
|
|
|
this.$emit("video-duration", this.selectedVideo.duration);
|
|
|
+ this.$emit("update:isTranscode", this.selectedVideo.isTranscode);
|
|
|
+ this.$emit("update:transcodeFileKey", this.selectedVideo.transcodeFileKey);
|
|
|
|
|
|
// 设置预览URL
|
|
|
this.$emit("update:videoUrl", this.selectedVideo.videoUrl);
|