溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這期內容當中小編將會給大家帶來有關vue中怎么添加mp3音頻文件，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
方法一、將音頻文件放置在static目錄中，然后進行調用，如下所示
<audio class="success" src="/static/audios/do_wrong.mp3"> </audio>
以上這種方式就能夠解決這個問題了。
方法二、給項目配置mp3格式的解析器
1、在webpack.base.conf.js中添加加載器，如下
{
test: /\.(mp3)(\?.*)?$/,
loader: 'url-loader',
options: {
name: utils.assetsPath('assets/[name].[hash:7].[ext]')
}
}2、在vue-loader.conf.js文件為audio的src屬性添加轉換屬性選項，讓 vue-loader 知道需要將 audio 的 src 屬性的內容轉換為模塊。
var utils = require('./utils')
var config = require('../config')
var isProduction = process.env.NODE_ENV === 'production'
module.exports = {
loaders: utils.cssLoaders({
sourceMap: isProduction
? config.build.productionSourceMap
: config.dev.cssSourceMap,
extract: isProduction
}),
transformToRequire: {
"audio": "src"
}
}3、添加audio標簽，引入資源文件
<audio autoplay="autoplay" controls="controls" preload="auto" src="../assets/allright.mp3"> </audio>
上述就是小編為大家分享的vue中怎么添加mp3音頻文件了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
