如何在 Windows 中的電子應用程序中授予音頻權限？

Question

我正在嘗試在電子應用程序中實現語音識別。 該解決方案適用於 chrome 瀏覽器，但不適用於電子。 應用程序立即停止收聽 - 它可能沒有麥克風權限。 如何授予權限？

索引.js

const electron = require('electron');
const url = require('url');
const path = require('path');

const { app, BrowserWindow, ipcMain } = electron;

let mainWindow;


ipcMain.on('close-me', (evt, arg) => {
    app.quit()
})

app.on('ready', () => {
    mainWindow = new BrowserWindow({
        transparent: true,
        frame: false,
        webPreferences: {
            nodeIntegration: true,
            webviewTag: true
        }
    });


    mainWindow.loadURL(url.format({
        pathname: path.join(__dirname, 'web/index.html'),
        protocol: 'file',
        slashes: true
    }));

    mainWindow.webContents.openDevTools();
    mainWindow.setFullScreen(true);


});

索引.html

<!doctype html>
<html lang="en">
<head>
    <title></title>
    <link rel="stylesheet" href="styles/style.css">
</head>

<body>
    <div class="container">

        <button id="rec"> rec</button>
        <button id="endrec"> end</button>

    </div>
    <script src="scripts/speech.js"></script>
</body>
</html>

語音.js

const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
const recognition = new SpeechRecognition();
recognition.lang = 'pl-PL';
const rec = document.querySelector('#rec');
const endrec = document.querySelector('#endrec');

    recognition.onstart = function () {
        console.log('I started');
    }

    recognition.onend = function () {
        console.log('I finished');
    }

    recognition.onresult = function () {
        console.log('Take what I recorded');
        console.log(event);

        const current = event.resultIndex;
        const transcript = event.results[current][0].transcript;
        console.log(transcript);

    }

    rec.addEventListener('click', () => {
        recognition.start();
        console.log('You clicked me');
    })

    endrec.addEventListener('click', () => {
        recognition.stop();
    })

我也嘗試過解決方案

webview.addEventListener('permissionrequest', function (e) {
     if (e.permission === 'media') {
         e.request.allow();
    }
});

和

navigator.webkitGetUserMedia({ audio: true })

更新

我找到了停止識別的原因 - 錯誤 - 網絡

Answer 1

我想你會想在你的會話中使用setPermissionRequestHandler ，像這樣：

const electron = require('electron');
const url = require('url');
const path = require('path');

const {
    app,
    BrowserWindow,
    ipcMain,
    session
} = electron;

let mainWindow;


ipcMain.on('close-me', (evt, arg) => {
    app.quit()
})

app.on('ready', () => {
    mainWindow = new BrowserWindow({
        transparent: true,
        frame: false,
        webPreferences: {
            nodeIntegration: true,
            webviewTag: true
        }
    });

    mainWindow.loadURL(url.format({
        pathname: path.join(__dirname, 'web/index.html'),
        protocol: 'file',
        slashes: true
    }));

    mainWindow.webContents.openDevTools();
    mainWindow.setFullScreen(true);

    session.fromPartition("default").setPermissionRequestHandler((webContents, permission, callback) => {
        let allowedPermissions = ["audioCapture"]; // Full list here: https://developer.chrome.com/extensions/declare_permissions#manifest

        if (allowedPermissions.includes(permission)) {
            callback(true); // Approve permission request
        } else {
            console.error(
                `The application tried to request permission for '${permission}'. This permission was not whitelisted and has been blocked.`
            );

            callback(false); // Deny
        }
    });
});

Answer 2

我自己也遇到過類似的問題，並發現谷歌沒有為基於 CLI 的應用程序（如電子）提供語音 API。 您最好的選擇是使用Google Cloud Speech API或任何第三方 API，例如Microsoft Cognitive Service 。

Answer 3

你是在 MacOS 上測試嗎？ 我在 MBP 中遇到了類似的問題，下面的檢查解決了這個問題 -

systemPreferences.askForMediaAccess(microphone)

有關其他詳細信息，請參閱電子文檔參考。

如何在 Windows 中的電子應用程序中授予音頻權限？

問題描述

3 個解決方案

解決方案1
0 2020-03-18 02:10:16

解決方案2
0 2021-02-24 02:34:14

解決方案3
-2 2020-03-18 01:27:32

如何在 Windows 中的電子應用程序中授予音頻權限？

問題描述

3 個解決方案

解決方案1 0 2020-03-18 02:10:16

解決方案2 0 2021-02-24 02:34:14

解決方案3 -2 2020-03-18 01:27:32

解決方案1
0 2020-03-18 02:10:16

解決方案2
0 2021-02-24 02:34:14

解決方案3
-2 2020-03-18 01:27:32