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(); // 播放
    }
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章