hz/learning-system-mobile
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git synced 2025-12-11 03:46:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

调整测试修改

Browse Source
This commit is contained in:
daihh
2022-11-17 17:10:14 +08:00
parent 4ac2b6fd51
commit ff9de69585
2 changed files with 23 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
pages/study/videoTest.vue
View File

@@ -1,20 +1,19 @@
<template>
<view>
<view>
<audio-player
v-if="url2"
:src="url2"
<video-player
:url="fileUrl"
:name="title"
:drag="true"
@onPlay="audioPlay"
@onPause="audioPause"
@onPlaying="audioPlaying"
@onEnded="audioEnd">
</audio-player>
@onPlay="videoPlay"
@onPause="videoPause"
@onPlaying="videoPlaying"
@onEnded="videoEnd">
</video-player>
</view>
<view style="padding-top: 30px;display: flex;justify-content: center;">
<!-- <view style="padding-top: 30px;display: flex;justify-content: center;">
<button type="primary" @click="changeSrc">切换测试</button>
</view>
</view> -->
</view>
</template>
@@ -22,35 +21,35 @@
export default{
data(){
return {
url2:'',
title:'',
fileUrl:'http:/127.0.0.1:9090/cdn/upload/course/2022/8/1013883711839379456.mp4',
title:'测试播放',
author:'',
}
},
mounted() {
this.startAudioPlay();
//this.startAudioPlay();
},
methods:{
startAudioPlay(){
this.url2='http://localhost:9090/cdn/upload/course/2022/5/979321410778959872.mp3';
this.fileUrl='http://localhost:9090/cdn/upload/course/2022/5/979321410778959872.mp3';
this.title='标题内容111';
this.author='作者信息';
},
changeSrc(){
this.url2='http://localhost:9090/cdn/upload/course/2022/4/964853684964700160.mp3';
this.fileUrl='http://localhost:9090/cdn/upload/course/2022/4/964853684964700160.mp3';
this.title='标题内容22';
this.author='作者信息';
},
audioPlay(){
videoPlay(){
console.log('audioPlay');
},
audioEnd(){
videoEnd(){
console.log('audioEnd');
},
audioPause(){
videoPause(){
console.log('audioPause');
},
audioPlaying(){
videoPlaying(){
console.log('audioPlaying');
}
}