electron+vue加载本地wav音频资源失败

解决electron+vue加载本地音频失败

1.下载electron-vue程序

vue init  simulatedgreg/electron my-project
cd my-project
npm install
npm run dev

2.建立一个Music音频加载组件

<template><div v-show="false"><audio :src="url" ref="audio"></audio></div>
</template><script>
const path = require("path");
export default {name: "Music",props: ["file_name"],data() {return {url: "",};},methods: {play() {this.$refs.audio.play();},pause() {this.$refs.audio.pause();},},created() {this.url = path.join(__static, "/music/" + this.file_name);},
};
</script><style scoped></style>

3.在首页引入Musinc组件并使用

<template><div><button @click="stopPlay">停止播放</button><Music file_name="picture.wav" ref="picture"></Music></div>
</template><script>
import Music from "@/components/Music";
export default {components: {Music,},mounted() {this.$refs.picture.play();},methods: {stopPlay() {this.$refs.picture.pause();},},
};
</script><style lang="scss" scoped></style>

4.程序起来后，控制台报Not allowed to load local resource:资源路径

5.经过各种path路径修改，发现在主进程main/index.js添加

效果使用正常

electron+vue加载本地wav音频资源失败相关推荐

ios 加载本地html及资源文件
把本地html目录添加到xcode html资源显示蓝色文件夹 WKWebView加载本地html资源 NSString *filePath = [[NSBundle mainBundle] path ...
combotree 可以异步加载吗_Unity AssetBundle 资源打包，加载，本地缓存方式，安卓，PC本地加载路径问题...
AssetBundle的定义和作用: 1,AssetBundle是一个压缩包包含模型.贴图.预制体.声音.甚至整个场景,可以在游戏运行的时候被加载. 2,AssetBundle自身保存着互相的依赖关系 ...
vue+three.js加载本地stl模型无法显示的解决办法
先放代码 <template><div><div id="container"></div></div> </te ...
IOS 解决WKWebView加载本地html资源文件异常处理
wkwebView加载本地资源时,有时候无法加载全css等资源文件.导致无线显示.需要做一下特殊处理: WKWebViewConfiguration *config = [[WKWebViewConf ...
vue 动态获取的图片路径不显示_解决Vue动态加载本地图片问题
最近遇到了个问题,用v-bind动态绑定img的src,图片加载不出来.控制台显示src是有获取到图片地址的,可是就是加载不出来. 最后才发现原因原来是浏览器中直接显示'./img/img1.png' ...
iOS WebView 加载本地资源(图片，文件等)
NSString *path = [[NSBundle mainBundle] pathForResource:@"关于.docx" ofType:nil]; NSURL *url ...
html js引用本地资源,【基本解决】js加载本地文件
[背景] 折腾: 期间,可以把问题转换为: 用js,去加载,读取本地的文件. [折腾过程] 1.搜: js load local file js read local file 参考: 试试:func ...
vue 加载太慢_如何提高Vue项目首页的加载速度
为何当一个VUE项目过大时,打包之后初次访问首页加载速度会异常的缓慢,是什么原因导致以及如何解决这些问题? 首页打开速度慢的原因其实浏览器加载一个页面的过程就是通过http协议从服务器端下载项目所需 ...
uiwebview 读取本地html,UIWebView加载本地HTML文件
一.准备HTML文件及其资源文件使用UIWebView加载本地的HTML文件 index.html,在index.html中引用了本地的图片.CSS文件.JS文件以及外部的图片. index.htm ...

electron+vue加载本地wav音频资源失败

解决electron+vue加载本地音频失败

electron+vue加载本地wav音频资源失败相关推荐

最新文章

热门文章