首页electron+vite播放本地mp3

electron+vite播放本地mp3

时间: 2023-09-03 17:09:26 浏览: 187

你可以使用 `electron` 和 `vite` 结合来播放本地 `mp3` 文件。以下是一个简单的示例： 1. 在你的 `electron` 项目中安装 `vite` 和 `vue`： ```bash npm install vite vue --save-dev ``` 2. 创建一个 `index.html` 文件，然后在文件中添加一个 `audio` 元素： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Electron + Vite</title> </head> <body> <audio src="" controls></audio> <script src="./dist/main.js"></script> </body> </html> ``` 3. 创建一个 `main.js` 文件并在其中添加以下代码： ```javascript import { createApp } from 'vue' const app = createApp({ data() { return { audioSrc: '/path/to/your/mp3/file' } }, mounted() { const audio = document.querySelector('audio') audio.src = this.audioSrc audio.load() audio.play() } }) app.mount('body') ``` 4. 在你的 `package.json` 文件中添加以下脚本： ```json { "scripts": { "start": "vite", "electron": "electron ." } } ``` 5. 运行应用程序： ```bash npm run start # 启动 Vite npm run electron # 启动 Electron ``` 这样，你就可以在 Electron 应用程序中播放本地 `mp3` 文件了！

阅读全文