質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
WebRTC

WebRTC(Web Real-Time Communication)とは、プラグイン無しでウェブブラウザ間の音声通話・ビデオチャットなどリアルタイムコミュニケーションができるオープンフレームワークです。W3CがAPIレベルで、IETFがプロトコルレベルでそれぞれ標準化が進められています。

Q&A

解決済

1回答

1698閲覧

SkyWayを利用したビデオ通話で、カメラが解放できない

olee46

総合スコア32

WebRTC

WebRTC(Web Real-Time Communication)とは、プラグイン無しでウェブブラウザ間の音声通話・ビデオチャットなどリアルタイムコミュニケーションができるオープンフレームワークです。W3CがAPIレベルで、IETFがプロトコルレベルでそれぞれ標準化が進められています。

0グッド

0クリップ

投稿2018/07/19 18:51

SkyWayとFirebaseを利用したビデオ通話システム(SFU)を開発中です。

####やりたいこと
ページ遷移をしたときに、webカメラを解放したい

####起きていること/エラー
ページ遷移をしても、webカメラが使用中のまま
(skype等でビデオ通話ができない)

####コード

javascript

1/* 省略 */ 2let localStream = null; 3 4peer.on('open', function(id) { 5 // set peerId 6 peerId = id; 7 8 // DB: handle disconnections 9 disconnectionHandler(peerId, user); 10 11 navigator.mediaDevices 12 .getUserMedia({ 13 audio: false, 14 video: {width: 1, height: 1} 15 }).then(function(stream) { 16 localStream = stream; 17 // SW: join room 18 room = peer.joinRoom(roomId, {mode: 'sfu', stream: localStream}); 19 // start roomHandler 20 roomHandler(room, user); 21 }).then(() => { 22 // automatically add users from BR 23 return breakUsersHandler(user, peerId, room); 24 }).catch((error) => { 25 if (error.name) { 26 initMediaErrorHandler(error.name, peerId, user); 27 } 28 console.log(error); 29 }); 30}) 31 32/* 省略 */ 33 34$(window).on('beforeunload', function() { 35 // free camera 36 console.log(localStream); 37 var tracks = localStream.getTracks(); 38 tracks.forEach(function(track) { 39 track.stop(); 40 }); 41 console.log(localStream); 42}

####確認したこと

  • beforeunloadの処理内で、最後にlocalStream.activeはfalseになっている
  • ページ遷移後、webカメラの明かりは消えている

よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

js

1tracks.forEach(function(track) { 2 track.stop(); 3}); 4localStream=null;

このように、localStream=null;を追加するとどうでしょうか?

[追記]
localStream=null;の後で、

js

1document.getElementById('video').pause(); 2document.getElementById('video').srcObject=null;

このように、video要素とstreamの紐付けを解除してあげるとどうでしょうか?
getElementById のID名は実際のものと置き換えてください。

投稿2018/07/20 01:57

編集2018/07/20 05:30
sublimer

総合スコア403

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

olee46

2018/07/20 03:30

いただいた回答でも解放されていないようで、相変わらずSkypeを開いても「カメラがWebアプリケーションで使用中です」と表示されます。 コンソールではたしかにlocalStreamはnullになっているのですが…
sublimer

2018/07/20 05:30

お使いのブラウザはChromeでしょうか? 回答を修正しましたので、ご確認ください。
olee46

2018/07/20 10:08

Chromeです。 解決しました、ありがとうございます!
sublimer

2018/07/20 10:12

解決してよかったです!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問