zm/sociology_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

视频

Browse Source
This commit is contained in:
始于初见
2024-10-15 11:35:35 +08:00
parent 0ba0738ef9
commit 95365adddc
65 changed files with 13063 additions and 9746 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pages/component/commonComponents/goodsNav.vue
View File

@@ -21,7 +21,7 @@
</view>
<slot name="bottomSlot"></slot>
<!-- <view>{{ detailInfo.content }}</view> -->
</view>

129
pages/component/commonComponents/video/AliPlayer.vue
View File

@@ -2,64 +2,76 @@
<view
class="container playerBox"
id="playerBox"
style="
background-color: #000;
:style="`
background:${videoData.type == 2 ? '#fff' : '#000'};
width: 100%;
height: 200px;
position: relative;
padding: 0;
"
padding: 0;`"
>
<!-- ios不能播放私有加密提示信息 start-->
<!-- ios不能播放私有加密提示信息 end-->
<div ref="videoContent" id="url-player-test"></div>
<div
v-show="false"
:videoData="videoData"
:isDipose="isDipose"
:winWidth="winWidth"
:winHeight="winHeight"
:firstTime="firstTime"
:isOnLoad="isOnLoad"
:platform="platform"
:isSetFirstTime="isSetFirstTime"
:isChange="isChange"
:change:videoData="renderScript.receiveMsg"
:change:isDipose="renderScript.receiveisDipose"
:change:winWidth="renderScript.receiveWinWidth"
:change:winHeight="renderScript.receiveWinHeight"
:change:firstTime="renderScript.receiveFirstTime"
:change:isSetFirstTime="renderScript.receiveisSetFirstTime"
:change:isOnLoad="renderScript.receiveIsfresh"
:change:platform="renderScript.receiveplatform"
:change:isChange="renderScript.receiveIsChange"
></div>
<div @tap="renderScript.emitData" ref="videoContent1" v-show="false">
直接调用renderjs中的emitData的方法,传递当前播放时长
</div>
<div @tap="renderScript.endEmitData" ref="videoContent2" v-show="false">
监听结束方法，记录播放时长
</div>
<div @tap="renderScript.changeVideoData" ref="videoContent3" v-show="false">
监听切换视频方法
</div>
<div @tap="renderScript.emitSetData" ref="videoContent4" v-show="false">
监听第一次初始播放时长,开始进行接口存储时间
</div>
<div @tap="renderScript.emitDispose" ref="videoContent6" v-show="false">
监听第一次初始播放时长,开始进行接口存储时间
</div>
<!-- 全屏按钮 start -->
<!-- 注意：主要用于安卓端，因为ios手机会被劫持 -->
<div class="fullScreenButton-container" v-if="platform != 'ios'">
<div v-if="videoData.type != 2">
<div ref="videoContent" id="url-player-test"></div>
<div
:class="`prism-fullscreen-btn ${isFullScreen ? 'fullscreen' : ''}`"
@tap="renderScript.changeVideoScreen"
v-show="false"
:videoData="videoData"
:isDipose="isDipose"
:winWidth="winWidth"
:winHeight="winHeight"
:firstTime="firstTime"
:isOnLoad="isOnLoad"
:platform="platform"
:isSetFirstTime="isSetFirstTime"
:isChange="isChange"
:change:videoData="renderScript.receiveMsg"
:change:isDipose="renderScript.receiveisDipose"
:change:winWidth="renderScript.receiveWinWidth"
:change:winHeight="renderScript.receiveWinHeight"
:change:firstTime="renderScript.receiveFirstTime"
:change:isSetFirstTime="renderScript.receiveisSetFirstTime"
:change:isOnLoad="renderScript.receiveIsfresh"
:change:platform="renderScript.receiveplatform"
:change:isChange="renderScript.receiveIsChange"
></div>
<div @tap="renderScript.emitData" ref="videoContent1" v-show="false">
直接调用renderjs中的emitData的方法,传递当前播放时长
</div>
<div @tap="renderScript.endEmitData" ref="videoContent2" v-show="false">
监听结束方法，记录播放时长
</div>
<div
@tap="renderScript.changeVideoData"
ref="videoContent3"
v-show="false"
>
监听切换视频方法
</div>
<div @tap="renderScript.emitSetData" ref="videoContent4" v-show="false">
监听第一次初始播放时长,开始进行接口存储时间
</div>
<div @tap="renderScript.emitDispose" ref="videoContent6" v-show="false">
监听第一次初始播放时长,开始进行接口存储时间
</div>
<!-- 全屏按钮 start -->
<!-- 注意：主要用于安卓端，因为ios手机会被劫持 -->
<div class="fullScreenButton-container" v-if="platform != 'ios'">
<div
:class="`prism-fullscreen-btn ${isFullScreen ? 'fullscreen' : ''}`"
@tap="renderScript.changeVideoScreen"
></div>
</div>
<!-- 全屏按钮 end -->
</div>
<!-- 全屏按钮 end -->
<my-video
ref="audio"
:src="this.videoData.source"
title="标题名称"
subTitle="副标题名称"
v-else
></my-video>
</view>
</template>
<script>
@@ -116,11 +128,13 @@ export default {
},
},
//
mounted() { this.platform = this.$platform;
this.show = false;
if (uni.getStorageSync("videoOssList")) {
this.videoOssList = JSON.parse(uni.getStorageSync("videoOssList"));
}},
mounted() {
this.platform = this.$platform;
this.show = false;
if (uni.getStorageSync("videoOssList")) {
this.videoOssList = JSON.parse(uni.getStorageSync("videoOssList"));
}
},
//子组件销毁前
beforeDestroy() {
this.handleEnd();
@@ -132,7 +146,6 @@ export default {
// console.log("触发了更新");
},
methods: {
emitDispose1(status) {
this.$emit("handleSuccessDispose", status);
},
@@ -415,6 +428,10 @@ export default {
//初始化播放器
initAliyunPlayer() {
console.log("实例创建中 at line 436:", "实例创建中");
if(this.videoData.type!=2){
$("#url-player-test").empty();
var components = [
{
@@ -506,6 +523,10 @@ export default {
});
});
});
}else{
}
},
//调用 recordTime 方法 存本地播放时长