在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/影視  HTML/ 在Vue中增加audio標(biāo)簽,實(shí)現(xiàn)聲音文件的調(diào)用。

在Vue中增加audio標(biāo)簽,實(shí)現(xiàn)聲音文件的調(diào)用。

請教一個(gè)問題.

問題描述

如何在vue

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

在vue里面調(diào)用一個(gè)音頻文件。按照網(wǎng)上的做法.
https://blog.csdn.net/woyidin...
總是不成功。嘗試修改了 transformToRequire: {

"audio": "src"

},修改了transformToRequire: {

audio: "src"

},仍然不行。另外在vue-loader.conf.js里面本來就有 transformToRequire: {

video: ['src', 'poster'],         
source: 'src',
img: 'src',
image: 'xlink:href'

}
我修改為 transformToRequire: {

video: ['src', 'poster'],      
audio:'src',
source: 'src',
img: 'src',
image: 'xlink:href'

} 也不行??偸菬o法識別標(biāo)簽audio。為什么呢?

你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?

錯(cuò)誤信息:

 (Emitted value instead of an instance of Error)
  • Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

有兩個(gè)問題:

1.在vue-loader.conf.js的module.exports注冊,可以有幾個(gè)transformToRequire的聲明?
2.audio標(biāo)簽在vue.js中究竟如何正確的使用?

請指點(diǎn)一下,謝謝。

回答
編輯回答
膽怯

最簡單的做法就是把聲音文件放在statics下即可,不需要修改webpack的任何配置,比如

<audio src="statics/xxx.mp3" type="audio/mpeg"></audio>

如果后續(xù)要控制這個(gè)播放,可以增加一個(gè)ref,后面在js代碼里控制播放。

<audio ref="myAudio" ...
2018年4月7日 06:04