前提・実現したいこと
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
あなたの回答
tips
プレビュー