Chrome拡張機能のポップアップウィンドウでwebkitGetUserMedia権限を与えるにはどうすればよいですか？

Question

webkitGetUserMediaを使用して正常なウェブページ上のウェブカメラからビデオをキャプチャできましたが、私のChrome拡張機能のpopup.htmlでこれを実行しようとすると何も起こりません。私は許可エラーを得ていない、それはちょうど質問するようなことではない（情報はポップアップウィンドウで決して滑り落ちることはない）。これを回避する方法はありますか？マニフェストjsonでパーミッションを与えることはできません。

Answer 1

Chrome拡張機能とのWebRTC：

Chrome Extensions Manifest Permissions Documentationマニフェスト、「videoCapture」と「audioCapture」に必要な2つの権限を言及していないので、その機能がChromeに利用可能な場合、私はわからないんだけど拡張機能の有無にかかわらず、それ以上続ける前に何が起こるか試してみるべきです！ ;）

クロームパッケージ化されたアプリとのWebRTC：

しかし、クロームパッケージ化アプリケーションでは、それは両方のサンドボックスと非サンドボックスページでは、可能です！ Chromeパッケージアプリケーションは拡張機能と非常によく似ていますので、何をしているかによってアプリを構築することができます。

Packaged Apps Manifest Permissions Documentationでは、「videoCapture」および「audioCapture」のアクセス許可は明示的にリストされていませんが、例ではその例を示しています。

webkitGetUserMediaを実行するためにサンドボックス化されたHTMLページを使用するパッケージ化されたアプリケーションがあり、うまくいきます。ここでは、あなたのマニフェストに必要があると思いますものです：アプリとして// NEWTABページ：あなたはその後、Chromeからのポップアップを起動する必要があり

{ 
    "name": "app name", 
    "version": "0.2", 
    "manifest_version": 2, 
    "minimum_chrome_version": "21", 
    "app": { 
    "background": { 
     "scripts": ["main.js"] 
    } 
    }, 
    "icons": { 
    /* "128": "icon_128.png" */ 
    }, 
    "sandbox": { 
    "pages": ["call.htm" ] 
    }, 
    "permissions" : [ "videoCapture", "audioCapture" ] 
} 

。

// Chrome v24+ 
chrome.app.runtime.onLaunched.addListener(function() { 
    chrome.app.window.create('mainpage.html', 
     {width: 1190, height: 709}); 
}); 

そしてメインページあなたのポップアップウィンドウでなければなりません：main.jsはこのようなものが含まれている必要があります。私のセットアップでは、mainpage.html内にcall.htmというiframeがあり、iframeページはサンドボックス化されているので、通常のWebページとしてしか実行できない安全でない操作を行うことができます。しかし、私は非サンドボックス、ポップアップでgetUserMediaコマンドを実行した場合、私はwebkitGetUserMediaへの呼び出しからMediaStreamのオブジェクトを取得行います

navigator.webkitGetUserMedia({ audio: true, video: true }, 
       function (stream) { 
        mediaStream = stream; 
       }, 
       function (error) { 
        console.error("Error trying to get the stream:: " + error.message); 
       }); 

私はそれをテストし、私は、ポップアップで、私のビデオをキャプチャすることができました。

Answer 2

これは安いハックですが、拡張機能のオプションページを作成してwebkitGetUserMediaへの呼び出しをJSに含めると、その拡張機能のすべてのURIについて、ユーザーがオプションで許可した後で許可を要求しますページには、バックグラウンドページにもそれを使用する権限があります。

Answer 3

@tsbarnesによって示唆されるようにハックがあるが、Chromeはハックが異なっているアプリのために、あなたの代わりにbackground.jsからnavigator.webkitGetUserMediaを呼び出し、のようなもの：

navigator.webkitGetUserMedia({audio: true, video: true}, function() { 
    console.log('ok'); 
}, function(e) { 
    console.log('webcam not ok'); 
}); 

そして、あなたはまだ、オーディオ/ビデオにアクセスすることができます窓から。HTMLやnavigator.webkitGetUserMediaoptions.jsで作品を尋ねる他のWebView

Answer 4

いますが、新しいタブでoption.htmlポップアップを開く必要がありますかねえ

"options_ui": { 
    "page": "options.html", 
    "chrome_style": true, 
    "open_in_tab": true 
    }