お世話になります。
Chrome(Chromium)の拡張機能を使用して、デスクトップ画面等をキャプチャし、ブラウザ上に表示するアドオンを作成してみたのですが、画面がとても粗くて見れたものではありませんでした。
画質を良くする方法やアドバイス等がありましたら、宜しくお願い致します。
######画面のキャプチャ(Firefoxの画面をChromiumに表示してます)
######ソースコード
全ソース載せてしまって申し訳ありません...(どこを抜粋していいかわからなかったもので)
lang
1// manifest.json 2{ 3 "name": "Screen Share app", 4 "description": "sample app", 5 "version": "0.1", 6 "manifest_version": 2, 7 "icons": { 8 "16": "icon.png", 9 "128": "icon.png" 10 }, 11 "background": { 12 "scripts": ["background.js"] 13 }, 14 "permissions": [ 15 "desktopCapture" 16 ], 17 "browser_action": { 18 } 19}
lang
1// background.js 2chrome.browserAction.onClicked.addListener(function(){ 3 chrome.tabs.create({ 4 url: "index.html"}); 5});
lang
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4<meta charset="utf-8"> 5<link href="style.css" rel="stylesheet"> 6<style> 7video{ 8 width: 100%; 9 height: 100%; 10 border: 1px solid gray; 11} 12</style> 13</head> 14<body> 15<button id="start">Start</button><br> 16<video id="video" autoplay></video> 17<script type="text/javascript" src="app.js"></script> 18</body> 19</html>
lang
1// app.js 2document.getElementById("start").addEventListener("click", function(e){ 3 chrome.desktopCapture.chooseDesktopMedia( 4 ["screen", "window"], 5 function(streamId) { 6 navigator.webkitGetUserMedia( 7 { 8 audio: false, 9 video: { mandatory: { 10 chromeMediaSource: "desktop", 11 chromeMediaSourceId: streamId 12 } 13 } 14 }, 15 function(stream){ 16 document.getElementById("video").src = URL.createObjectURL(stream); 17 }, 18 function(){ 19 alert("error"); 20 } 21 ); 22 } 23 ); 24});
######補足情報(言語/FW/ツール等のバージョンなど)
LinuxMint 17.1
Chromium 43.0.2357.81
######最終的にやりたいこと
WebRTCを使用してP2Pでスクリーンシェアしたいと考えています。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/09/25 15:38 編集
2015/09/25 15:51