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>Documenttitle>
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

electron例子 | 播放声音

相关

标签