electron例子 | 播放声音
上图
index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <button id = "button"></button> </body> <script type="text/javascript" src="./renderer.js"></script> </html>
index.js
const {app, BrowserWindow, net } = require('electron');
const path = require('path');
app.on("ready",() => {
const mainWindow = new BrowserWindow({
width: 800,
height: 600,
resizable: true,
frame: true,
show: true,
backgroundColor: 'pink',
webPreferences: {
nodeIntegration: true,
// 开启node
contextIsolation: false,
// 开启remote
enableRemoteModule:true
}
});
mainWindow.loadFile("index.html")
//打开控制面板
mainWindow.webContents.openDevTools();
});
app.on("window-all-closed",() => {
if(process.platform !== "darwin") {
app.quit()
}
})
renderer.js
window.onload = function(){
var btn = this.document.querySelector('#button')
btn.onclick = function(){
var mp3 = new Audio('mozart.mp3'); // 创建音频对象
mp3.play(); // 播放
}
}
分类:
Electron.js
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· AI技术革命，工作效率10个最佳AI工具
2021-01-07 程序退出时中断在void Release() throw()函数处
2021-01-07 模态对话框与非模态对话框的销毁