美文网首页
在vue中引用音频视频等媒体

在vue中引用音频视频等媒体

作者: 月下吴刚_c8c7 | 来源:发表于2019-03-16 09:37 被阅读0次

1 在目录中准备好音频或视频文件,如MP3或MP4等

2 在代码中导入上述媒体文件
import pitpatSound from '@/assets/audio/pitpat.mp3'
3 在data中预备响应式数据
data() {
      return {
          pitpatSound ,
          ...
      }
}
4 在标签中使用媒体源文件
 <audio id="audio" :src="pitpatSound"> </audio>

总结 : 如图片img, svg等文件,也可以使用此方式,此处应归功于 es6 模块化的强大

相关文章

网友评论

      本文标题:在vue中引用音频视频等媒体

      本文链接:https://www.haomeiwen.com/subject/jvjjmqtx.html