diff --git a/components/uniapp-zaudio/index.scss b/components/uniapp-zaudio/index.scss
index 6bc1672..c66033a 100644
--- a/components/uniapp-zaudio/index.scss
+++ b/components/uniapp-zaudio/index.scss
@@ -353,4 +353,137 @@
100% {
transform: translate(-50%, -50%) rotateZ(360deg)
}
-}
\ No newline at end of file
+}
+
+
+.middles {
+ position: relative;
+ width: 420rpx;
+ height: 1020rpx;
+
+ .ms-close {
+ position: absolute;
+ bottom: 20rpx;
+ left: 20rpx;
+ width: 40rpx;
+ height: 40rpx;
+
+ image {
+ width: 40rpx;
+ height: 40rpx;
+ }
+ }
+
+ .audio-flex {
+ position: absolute;
+ top: 50%;
+ left: 65%;
+ transform: translate(-50%, -50%);
+ display: flex;
+ align-items: center;
+
+ .scroll-box {
+ width: 80rpx;
+ height: 800rpx;
+ display: flex;
+ justify-content: center;
+
+ .slider-container {
+ position: relative;
+ width: 5rpx;
+ height: 100%;
+ background: #C0C0C0;
+ border-radius: 10rpx;
+
+ .place-box {
+ width: 5rpx;
+ background: #2671E2;
+ }
+
+ .slider-btn {
+ position: absolute;
+ left: -15rpx;
+ width: 30rpx;
+ height: 30rpx;
+ border-radius: 50%;
+ box-shadow: 0 0 10rpx #999;
+ background: #fff;
+ }
+ }
+ }
+ }
+
+ .forwards {
+ position: absolute;
+ top: 50%;
+ left: 35%;
+ padding: 20rpx;
+ transform: translate(-50%, -50%) rotateZ(90deg);
+ width: 800rpx;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+
+ .audio-control-wrapper {
+ display: flex;
+ align-items: center;
+ }
+
+ .imt-audioss {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+
+
+ .forward-item {
+ display: flex;
+ align-items: center;
+
+ image {
+ width: 70rpx;
+ height: 70rpx;
+ }
+
+ &.top {
+ // margin: 0 60rpx;
+ }
+ }
+
+ .audio-wrapper {
+ padding: 0 0;
+ }
+
+ .audio-slider {
+ width: 100%;
+ }
+
+ .node-class {
+ width: 100%;
+ color: #333;
+ display: flex;
+ justify-content: center;
+ }
+ }
+ }
+}
+
+
+.playbackRate {
+ margin: 0 10rpx;
+ // padding: 0 10rpx;
+ width: 55rpx;
+ height: 55rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 24rpx;
+
+ &.act {
+ color: #2671E2;
+ border: 5rpx solid #2671E2;
+ border-radius: 50%;
+ }
+}
diff --git a/components/uniapp-zaudio/static/kuaijin.png b/components/uniapp-zaudio/static/kuaijin.png
new file mode 100644
index 0000000..6bcb6d1
Binary files /dev/null and b/components/uniapp-zaudio/static/kuaijin.png differ
diff --git a/components/uniapp-zaudio/static/kuaitui.png b/components/uniapp-zaudio/static/kuaitui.png
new file mode 100644
index 0000000..d626d2b
Binary files /dev/null and b/components/uniapp-zaudio/static/kuaitui.png differ
diff --git a/components/uniapp-zaudio/static/pausebtn.png b/components/uniapp-zaudio/static/pausebtn.png
index f2bc86c..05e76dd 100644
Binary files a/components/uniapp-zaudio/static/pausebtn.png and b/components/uniapp-zaudio/static/pausebtn.png differ
diff --git a/components/uniapp-zaudio/static/playbtn.png b/components/uniapp-zaudio/static/playbtn.png
index 3f51b61..26ae9ba 100644
Binary files a/components/uniapp-zaudio/static/playbtn.png and b/components/uniapp-zaudio/static/playbtn.png differ
diff --git a/components/uniapp-zaudio/static/quanping.png b/components/uniapp-zaudio/static/quanping.png
new file mode 100644
index 0000000..c16588c
Binary files /dev/null and b/components/uniapp-zaudio/static/quanping.png differ
diff --git a/components/uniapp-zaudio/static/quxiaoquanping.png b/components/uniapp-zaudio/static/quxiaoquanping.png
new file mode 100644
index 0000000..cdc2703
Binary files /dev/null and b/components/uniapp-zaudio/static/quxiaoquanping.png differ
diff --git a/components/uniapp-zaudio/zaudio.vue b/components/uniapp-zaudio/zaudio.vue
index 300e6e2..65f2613 100644
--- a/components/uniapp-zaudio/zaudio.vue
+++ b/components/uniapp-zaudio/zaudio.vue
@@ -3,17 +3,6 @@
-
-
-
-
-
-
-
-
-
-
@@ -29,7 +18,45 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ x{{ data.name }}
+
+
+
+
+
+
+
+
+
+
@@ -41,9 +68,9 @@
-
-
+
@@ -69,9 +96,9 @@
-
-
+
@@ -133,10 +160,79 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{renderData('current') || '00:00:00'}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{renderData('duration') || '00:00:00'}}
+
+ {{ duration || '00:00:00' }}
+
+
+
+
+ x{{ data.name }}
+
+
+
+
+
+
+
+
+
+
+
+
@@ -366,10 +546,9 @@
}
.play {
- width: 48rpx;
- height: 48rpx;
+ width: 44rpx;
+ height: 44rpx;
z-index: 99;
- background: rgba(0, 0, 0, 0.4);
border-radius: 50%;
position: absolute;
top: 50%;
@@ -384,8 +563,43 @@
}
}
+ .forward {
+ padding: 0 20rpx 20rpx;
+ width: 100%;
+ display: flex;
+ align-items: flex-end;
+
+ .forward-item {
+ margin-right: 20rpx;
+ display: flex;
+ align-items: center;
+
+ .playbackRate {
+ margin: 0 10rpx;
+ // padding: 0 10rpx;
+ width: 55rpx;
+ height: 55rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 24rpx;
+
+ &.act {
+ color: #2671E2;
+ border: 5rpx solid #2671E2;
+ border-radius: 50%;
+ }
+ }
+
+ image {
+ width: 50rpx;
+ height: 50rpx;
+ }
+ }
+ }
+
.audio-flex {
- padding: 0 32rpx 0 0;
+ padding: 0 16rpx 0 0;
flex-grow: 1;
display: flex;
align-items: center;
diff --git a/manifest.json b/manifest.json
index d5bfc1e..16c8fd4 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,5 +1,5 @@
{
- "name" : "数智工牌",
+ "name" : "去房智控管家",
"appid" : "__UNI__7A1611D",
"description" : "去房智控管家",
"versionName" : "1.1.0",
@@ -91,7 +91,7 @@
},
"quickapp" : {},
"mp-weixin" : {
- "appid" : "wxe044603515ff2cb5",
+ "appid" : "wx8f883dca5ecc5510",
"setting" : {
"urlCheck" : false,
"es6" : true,
diff --git a/pages/center/Piabodata/Customerportrait/Receivedetailabout.vue b/pages/center/Piabodata/Customerportrait/Receivedetailabout.vue
index dbaa2f5..cfab5de 100644
--- a/pages/center/Piabodata/Customerportrait/Receivedetailabout.vue
+++ b/pages/center/Piabodata/Customerportrait/Receivedetailabout.vue
@@ -84,7 +84,7 @@
-
+
@@ -457,6 +457,9 @@
duration: '', // 总时长
info: null, // 播放时间
isAudio: 0, // 第一时间定位播放
+
+ nowPlaying: 0, // 当前播放位置
+ stepPosition: 0, // 需要跳转的播放位置
};
},
@@ -492,6 +495,7 @@
})
this.$zaudio.on('playing', this.ACTION, (obj) => {
this.duration = obj.duration
+ this.nowPlaying = obj.current_value
this.TimeUpdate(this.TIMEEVENT(obj.current))
})
this.$zaudio.on('error', this.ACTION, e => {
@@ -1514,6 +1518,29 @@
},
+ // 迅速切换音频源并切换回来
+ checkPlaybackRate() {
+ this.stepPosition = this.nowPlaying
+ //
+ let data = [{
+ src: 'https://static.quhouse.com/record/prop/2022-12-13/1670905992910-00066.mp3',
+ title: '录音音频',
+ singer: '',
+ coverImgUrl: ''
+ }]
+ this.$zaudio.setAudio(data)
+ //渲染第一首音频
+ this.$zaudio.setRender(0)
+ if (!this.refresh) {
+ setTimeout(() => {
+ this.$zaudio.operate()
+ }, 150)
+ }
+ setTimeout(() => {
+ this.zyAudio()
+ }, 500)
+ },
+
//录音实例
zyAudio() {
let data = [{
@@ -1531,6 +1558,13 @@
this.isAudio = 0
}, 2000)
}
+
+ if (this.stepPosition != 0) {
+ setTimeout(() => {
+ this.stepPlay(this.stepPosition)
+ }, 1500)
+ }
+
setTimeout(() => {
this.$zaudio.operate()
}, 150)
@@ -1595,7 +1629,7 @@
.bottombox {
width: 100%;
- height: 170rpx;
+ min-height: 170rpx;
border-top: 1px solid #E0E0E0;
.bottomhead {
diff --git a/pages/center/prohibited/details.vue b/pages/center/prohibited/details.vue
index d63fc8f..44965e6 100644
--- a/pages/center/prohibited/details.vue
+++ b/pages/center/prohibited/details.vue
@@ -145,7 +145,7 @@
-
+
@@ -266,6 +266,9 @@
duration: '', // 总时长
allTextList: [], // 所有话术列表
isFirstWords: 0, // 第一个违禁词出现的时间
+
+ nowPlaying: 0, // 当前播放位置
+ stepPosition: 0, // 需要跳转的播放位置
}
},
computed: {
@@ -297,6 +300,7 @@
})
this.$zaudio.on('playing', this.ACTION, (obj) => {
this.duration = obj.duration
+ this.nowPlaying = obj.current_value
this.TimeUpdate(this.TIMEEVENT(obj.current))
})
this.$zaudio.on('error', this.ACTION, e => {
@@ -976,6 +980,30 @@
},
+
+ // 迅速切换音频源并切换回来
+ checkPlaybackRate() {
+ this.stepPosition = this.nowPlaying
+ //
+ let data = [{
+ src: 'https://static.quhouse.com/record/prop/2022-12-13/1670905992910-00066.mp3',
+ title: '录音音频',
+ singer: '',
+ coverImgUrl: ''
+ }]
+ this.$zaudio.setAudio(data)
+ //渲染第一首音频
+ this.$zaudio.setRender(0)
+ if (!this.refresh) {
+ setTimeout(() => {
+ this.$zaudio.operate()
+ }, 150)
+ }
+ setTimeout(() => {
+ this.zyAudio()
+ }, 500)
+ },
+
//录音实例
zyAudio(times) {
let data = [{
@@ -999,6 +1027,14 @@
this.$zaudio.operate()
}, 150)
}
+
+
+ if (this.stepPosition != 0) {
+ setTimeout(() => {
+ this.stepPlay(this.stepPosition)
+ }, 1500)
+ }
+
},
// 跳转指定位置播放
diff --git a/pages/learning/Equinoctial/index.vue b/pages/learning/Equinoctial/index.vue
index 3f72e78..066c496 100644
--- a/pages/learning/Equinoctial/index.vue
+++ b/pages/learning/Equinoctial/index.vue
@@ -15,7 +15,7 @@
:key="index">录音文件{{index+1}}
-
+
@@ -213,6 +213,8 @@
isPageHide: false, // 是否息屏
duration: '',
+ nowPlaying: 0, // 当前播放位置
+ stepPosition: 0, // 需要跳转的播放位置
};
},
@@ -248,6 +250,7 @@
})
this.$zaudio.on('playing', this.ACTION, (obj) => {
this.duration = obj.duration
+ this.nowPlaying = obj.current_value
this.TimeUpdate(this.TIMEEVENT(obj.current))
})
this.$zaudio.on('ended', this.ACTION, e => {
@@ -681,6 +684,28 @@
})
})
},
+ // 迅速切换音频源并切换回来
+ checkPlaybackRate() {
+ this.stepPosition = this.nowPlaying
+ //
+ let data = [{
+ src: 'https://static.quhouse.com/record/prop/2022-12-13/1670905992910-00066.mp3',
+ title: '录音音频',
+ singer: '',
+ coverImgUrl: ''
+ }]
+ this.$zaudio.setAudio(data)
+ //渲染第一首音频
+ this.$zaudio.setRender(0)
+ if (!this.refresh) {
+ setTimeout(() => {
+ this.$zaudio.operate()
+ }, 150)
+ }
+ setTimeout(() => {
+ this.zyAudio()
+ }, 500)
+ },
//录音实例
zyAudio() {
@@ -700,6 +725,13 @@
this.stepPlay(parseInt(this.startTime / 1000))
})
}
+
+
+ if (this.stepPosition != 0) {
+ setTimeout(() => {
+ this.stepPlay(this.stepPosition)
+ }, 1500)
+ }
},
diff --git a/pages/learning/Thefulltext/index2.vue b/pages/learning/Thefulltext/index2.vue
index 1b4317a..0a31e0a 100644
--- a/pages/learning/Thefulltext/index2.vue
+++ b/pages/learning/Thefulltext/index2.vue
@@ -13,7 +13,7 @@
接待时长 {{alltimeStr}}
-
+
{
+ this.$zaudio.operate()
+ }, 150)
+ }
+ setTimeout(() => {
+ this.zyAudio()
+ }, 500)
+ },
//录音实例
zyAudio() {
let data = [
@@ -687,6 +712,15 @@
this.$zaudio.setAudio(data)
//渲染第一首音频
this.$zaudio.setRender(0)
+
+
+
+ if (this.stepPosition != 0) {
+ setTimeout(() => {
+ this.stepPlay(this.stepPosition)
+ }, 1500)
+ }
+
},
diff --git a/pages/mine/details.vue b/pages/mine/details.vue
index 8c8c82e..35503fa 100644
--- a/pages/mine/details.vue
+++ b/pages/mine/details.vue
@@ -26,7 +26,7 @@
src="../../static/images/nopike.png" mode="">
-
+
@@ -256,6 +256,9 @@
isPageHide: false, // 是否息屏
duration: '', // 总时长
eqLog:0,
+
+ nowPlaying: 0, // 当前播放位置
+ stepPosition: 0, // 需要跳转的播放位置
};
},
@@ -281,6 +284,7 @@
})
this.$zaudio.on('playing', this.ACTION, (obj) => {
console.log(obj, '12312321')
+ this.nowPlaying = obj.current_value
this.TimeUpdate(this.TIMEEVENT(obj.current))
})
this.$zaudio.on('ended', this.ACTION, e => {
@@ -1147,6 +1151,29 @@
})
},
+ // 迅速切换音频源并切换回来
+ checkPlaybackRate() {
+ this.stepPosition = this.nowPlaying
+ //
+ let data = [{
+ src: 'https://static.quhouse.com/record/prop/2022-12-13/1670905992910-00066.mp3',
+ title: '录音音频',
+ singer: '',
+ coverImgUrl: ''
+ }]
+ this.$zaudio.setAudio(data)
+ //渲染第一首音频
+ this.$zaudio.setRender(0)
+ if (!this.refresh) {
+ setTimeout(() => {
+ this.$zaudio.operate()
+ }, 150)
+ }
+ setTimeout(() => {
+ this.zyAudio()
+ }, 500)
+ },
+
//录音实例
zyAudio() {
let data = this.luyinList.map((item, index) => {
@@ -1160,6 +1187,13 @@
this.$zaudio.setAudio(data)
//渲染第一首音频
this.$zaudio.setRender(0)
+
+ if (this.stepPosition != 0) {
+ setTimeout(() => {
+ this.stepPlay(this.stepPosition)
+ }, 1500)
+ }
+
setTimeout(() => {
this.$zaudio.operate()
}, 150)
diff --git a/pages/mine/details2.vue b/pages/mine/details2.vue
index 2aa4c87..7527b7c 100644
--- a/pages/mine/details2.vue
+++ b/pages/mine/details2.vue
@@ -97,7 +97,7 @@
-
+
@@ -725,6 +725,10 @@
templateList: [], // 销讲业务
showTemplate: false, // 展示选择销讲业务弹窗
templateName: '', // 销讲业务类型文字
+
+
+ nowPlaying: 0, // 当前播放位置
+ stepPosition: 0, // 需要跳转的播放位置
};
},
computed: {
@@ -783,6 +787,7 @@
})
this.$zaudio.on('playing', this.ACTION, (obj) => {
this.duration = obj.duration
+ this.nowPlaying = obj.current_value
this.TimeUpdate(this.TIMEEVENT(obj.current))
})
this.$zaudio.on('error', this.ACTION, e => {
@@ -2173,6 +2178,28 @@
})
},
+ // 迅速切换音频源并切换回来
+ checkPlaybackRate() {
+ this.stepPosition = this.nowPlaying
+ //
+ let data = [{
+ src: 'https://static.quhouse.com/record/prop/2022-12-13/1670905992910-00066.mp3',
+ title: '录音音频',
+ singer: '',
+ coverImgUrl: ''
+ }]
+ this.$zaudio.setAudio(data)
+ //渲染第一首音频
+ this.$zaudio.setRender(0)
+ if (!this.refresh) {
+ setTimeout(() => {
+ this.$zaudio.operate()
+ }, 150)
+ }
+ setTimeout(() => {
+ this.zyAudio()
+ }, 500)
+ },
//录音实例
zyAudio() {
@@ -2186,9 +2213,16 @@
//渲染第一首音频
this.$zaudio.setRender(0)
+ if (this.stepPosition != 0) {
+ setTimeout(() => {
+ this.stepPlay(this.stepPosition)
+ }, 1500)
+ }
+
setTimeout(() => {
this.$zaudio.operate()
}, 150)
+
},
// 跳转指定位置播放
@@ -2250,7 +2284,7 @@
.bottombox {
width: 100%;
- height: 170rpx;
+ min-height: 170rpx;
border-top: 1px solid #E0E0E0;
/* iphonex 等安全区设置，底部安全区适配 */
padding-bottom: constant(safe-area-inset-bottom);