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

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

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

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

SDK

SDK(software development kit)は特定のハードウェアのプラットフォーム、開発環境又はソフトウェアパッケージでソフトウェアをつくるのに必要な開発ツールのセットです。SDKはAPI、IDE又は他の開発ツールとフレームワークを組み合わせたもので構成されていることがあります。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

Q&A

0回答

739閲覧

Skyway 自動でルームに参加させたい

namekuzi

総合スコア0

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

SDK

SDK(software development kit)は特定のハードウェアのプラットフォーム、開発環境又はソフトウェアパッケージでソフトウェアをつくるのに必要な開発ツールのセットです。SDKはAPI、IDE又は他の開発ツールとフレームワークを組み合わせたもので構成されていることがあります。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

0グッド

0クリップ

投稿2021/12/08 08:45

前提・実現したいこと

SkyWay JS SDKで、自動でルームに参加できるようしたい。

発生している問題・エラーメッセージ

Skywayでオンラインビデオチャットツールを作っているのですが、サイトにアクセスしたらすぐルームに参加させる方法が分かりません。
今のところ画面をクリックしたら参加できるようになっています。
bodyのonloadにjoineventを追加したり、addEventListenerのloadで参加させる方法も試しましたが、成功しません。
調べても同じ状況の方がいないので困っています。是非有識者の方教えてください。

試したこと

bodyのonloadにjoineventを追加したり、addEventListenerのloadで参加させる方法を試した

###ソースコード

js

1 2 const Peer = window.Peer; 3 4 (async function main() { 5 const remoteVideos = document.getElementById('remotevideo'); 6 const roomId = "hogehoge"; 7 const peer = (window.peer = new Peer({ 8 key: "hogehoge", 9 debug: 3, 10 })); 11 12 window.addEventListener("click", join_peer); // ここのclickをloadなどにしても動きません 13 14 function join_peer() { 15 16 if (!peer.open) { 17 return; 18 } 19 20 const room = peer.joinRoom(roomId, { 21 mode: "mesh", 22 }); 23 24 25 room.on('stream', async stream => { 26 const newVideo = document.createElement('video'); 27 newVideo.srcObject = stream; 28 newVideo.playsInline = true; 29 newVideo.setAttribute('stream', stream.peerId); 30 remoteVideos.append(newVideo); 31 await newVideo.play().catch(console.error); 32 }); 33 34 room.on('peerLeave', peerId => { 35 remoteVideo.srcObject.getTracks().forEach(track => track.stop()); 36 remoteVideo.srcObject = null; 37 remoteVideo.remove(); 38 39 }); 40 41 42 }; 43 44 peer.on('error', console.error); 45 })();

補足情報(FW/ツールのバージョンなど)

Chrome

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

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

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問