自分の画面を自分のクロム拡張子と共有できません

Question

私の画面を共有して記録しようとしていますが、ストリームのソースを選択するとストリーミングが開始されず、画面とウィンドウ私はChromeMediaSourceとChromeMediaSourceIDを取得することを確認しましたが、私が言ったように、共有は表示されず、このために何も記録できないというダイアログが表示されます。

" at chrome-extension://mnoggiilghljimfhpghalhngdciecafi/background.js:16:31" 

背景ファイル

に「chrome.desktopCapture.chooseDesktopMedia」である、これは私の背景ファイル

さ：

これは、コンソールにログインしていない私は、デバッグを発見したエラーがあります

background.js

chrome.runtime.onConnect.addListener(function(port){ 
    // listen for messages from the port 

    port.onMessage.addListener(function(message){ 
     // send back a "pending" answer on the port 
     port.postMessage({ 
      "answer": 1, 
      "state": "pending", 
      "requestId": message.requestId 
     }); 
     chrome.desktopCapture.chooseDesktopMedia(["screen", "window"], port.sender.tab, function(id){ 


      var response = { 
       "answer": 1, 
       "state": "completed", 
       "requestId": message.requestId, 
       "streamId": id || undefined 
      }; 

      // send back a "completed" answer on the port 
      port.postMessage(response); 
     }); 
    }); 
}); 

これはファイル番目です拡張機能を使用して

bridge.js

// open a port to communicate with background 
var port = chrome.runtime.connect(); 

// create node 
var node = document.createElement('div'); 

// listen for messages from webpage and forward them to the background, through the previously opened port 
window.addEventListener('message', function (event){ 
    if (event.source != window || !event.data){ 
     return; 
    } 
    // prevent to return answer to the background 
    if(event.data.answer){ 
     return; 
    } 

    port.postMessage(event.data); 

}); 

// listen for messages from background and forward them to the webpage 
port.onMessage.addListener(function(data){ 
    window.postMessage(data, '*'); 
}); 

// insert tag into parent page 
node.id = 'extension-screensharing-installed'; 
document.body.appendChild(node); 

ウェブサイトへのロードされた時にmanifest.js

{ 
    "name": "extension name", 
    "description": "This extension allows you to share your screen", 
    "version": "0.1", 
    "manifest_version": 2, 
    "minimum_chrome_version": "34", 
    "icons": { 
    "16": "img16.png", 
    "48": "img48.png", 
    "128": "img128.png" 
    }, 
    "background": { 
    "scripts": ["background.js"] 
    }, 
    "content_scripts": [ { 
    "js": [ "bridge.js" ], 
    "matches": [ 
     "https://*/tester" 
     ] 
    } ], 
    "permissions": [ 
    "desktopCapture", 
    "https://*/tester" 
    ] 
} 

は、それは私のコードで何か間違っだろうか？ デバッグで見つかったエラーを完全に理解していません

ありがとう！

編集：added manifest.jsonファイル！

Answer 1

Developing a Chrome screen-sharing extensionはapiKey、sessionIdとtokenの値が入力されたとOT.registerScreenSharingExtension()方法は、画面共有拡張を登録するために使用された前記拡張機能を開発する手順とサンプルコードを含みます。

// API key and generate a test session ID and token: 
    var apiKey = "<YOUR_API_KEY>"; 
    var sessionId = "<YOUR_SESSION_ID>"; 
    var token  = "<YOUR_TOKEN>"; 

    var session = OT.initSession(apiKey, sessionId); 

    session.connect(token, function(error) { 
     var publisher = OT.initPublisher('camera'); 
     session.publish(publisher, function() { 
     screenshare(); 
     }); 
    }); 

    session.on('streamCreated', function(event) { 
     session.subscribe(event.stream); 
    }); 

    OT.registerScreenSharingExtension('chrome', '<YOUR_CHROME_EXTENSION_ID>', 2); 

そして、記録部のために、あなたは彼らがScreensharing with WebRTCでそれをやった方法を確認することがあります。それが役に立てば幸い！