|
@@ -61,10 +61,10 @@ export default defineComponent({
|
|
|
if (val) {
|
|
|
data.vudio = null;
|
|
|
console.log(audioRef.value, 'audioRef.value');
|
|
|
- // onToggleAudio();
|
|
|
- audioRef.value?.addEventListener('loaded', () => {
|
|
|
- console.log('111');
|
|
|
- });
|
|
|
+ onToggleAudio();
|
|
|
+ // audioRef.value?.addEventListener('load', () => {
|
|
|
+ // console.log('111');
|
|
|
+ // });
|
|
|
} else {
|
|
|
audioRef.value.pause();
|
|
|
data.playState = 'pause';
|
|
@@ -83,13 +83,10 @@ export default defineComponent({
|
|
|
|
|
|
// 切换音频播放
|
|
|
const onToggleAudio = () => {
|
|
|
- console.log(audioRef.value.paused, 'audioRef.value.paused');
|
|
|
if (audioRef.value.paused) {
|
|
|
- onInit(audioRef.value, canvasRef.value);
|
|
|
- audioRef.value.play().catch(e => {
|
|
|
- console.log(e, '1111');
|
|
|
- });
|
|
|
+ audioRef.value.play();
|
|
|
data.playState = 'play';
|
|
|
+ onInit(audioRef.value, canvasRef.value);
|
|
|
} else {
|
|
|
audioRef.value.pause();
|
|
|
data.playState = 'pause';
|
|
@@ -97,7 +94,6 @@ export default defineComponent({
|
|
|
};
|
|
|
|
|
|
const onInit = (audio: undefined, canvas: undefined) => {
|
|
|
- console.log(audio, canvas, data.vudio, 'Audio');
|
|
|
if (!data.vudio) {
|
|
|
try {
|
|
|
const rect = contetRef.value.getBoundingClientRect() || {
|