com.hikky.vketcloudsdk 3.2.4 → 3.4.4

package/PackageResources/project~/data/heliodor_skyway.js

@@ -1,518 +1,518 @@
-
-var g_peer = null;
-var g_localStream = null;
-
-const g_SKYWAY_KEY = '37825849-7771-49bd-890e-61971fb4f431';
-
-var g_room = null;
-
-var g_Skyway_RoomID = "";
-var g_Skyway_MyName = "Me";
-var g_Skyway_MyAvatar = 0;
-var g_Skyway_MyAvatar_ForSend = 0;
-var g_Skyway_Start = false;
-
-let g_skyway_set_mic_state_timer = null;
-
-const g_skyway_msg = document.getElementById('msg');
-const g_skyway_localText = document.getElementById('js-local-text');
-
-const cookie_Skyway_MyName = hel_get_cookie('playername');
-if (cookie_Skyway_MyName !== undefined) {
-	g_Skyway_MyName = cookie_Skyway_MyName;
-}
-
-hel_skyway_set_show_chatbox(false);
-
-function hel_skyway_set_show_chatbox(show)
-{
-	if (!g_skyway_localText) return;
-	
-	g_skyway_msg.style.visibility = (show ? 'visible' : 'hidden');
-	g_skyway_localText.style.visibility = (show ? 'visible' : 'hidden');
-}
-
-function hel_skyway_set_TextField_localText_fontSize(text)
-{
-	if (!g_skyway_localText) return;
-	
-	g_skyway_localText.style.fontSize = text + 'px';
-}
-
-function hel_skyway_resize_chatbox(x, y, width, height)
-{
-	if (!g_skyway_msg) return;
-	
-	g_skyway_msg.style.left = x + 'px';
-	g_skyway_msg.style.top = y + 'px';
-	g_skyway_localText.style.width = width + 'px';
-	g_skyway_localText.style.height = height + 'px';
-}
-
-function hel_skyway_send_chat_text( focus = true )
-{
-	if (g_skyway_localText.value == "") return;
-	
-	hel_remove_emoji(g_skyway_localText);
-	
-	// Send message to all of the peers in the room via websocket
-	var replace_text = hel_skyway_to_code_colon(g_skyway_localText.value);
-	hel_skyway_send_data("msg:" + replace_text);
-	
-	var id = "";
-	if (g_peer) id = g_peer.id;
-
-	hel_skyway_add_text_chat(id, replace_text);
-	g_skyway_localText.value = '';
-	
-	if( focus ) {
-		g_MainCanvas.focus();
-	}
-}
-
-//
-class CHELSkywayPlayer {
-	
-	constructor(peerId, volume)
-	{
-		this.peerId = peerId;
-		
-		this.context = new (window.AudioContext || window.webkitAudioContext)();
-		this.gainNode = this.context.createGain();
-		
-		this.volume = volume;
-		this.attenuateVolume = 1.0;
-		this.mute = false;
-		
-		this.updateVolume();
-	}
-	
-	release()
-	{
-	}
-
-	setStream(stream)
-	{
-		var audioTrack = stream.getAudioTracks()[0];
-
-		const audio = document.createElement('audio');
-		audio.srcObject = new MediaStream([audioTrack]);
-		audio.muted = true;
-		audio.play();
-		audio.style.display = 'none';
-		document.getElementById("status").appendChild(audio);
-
-		this.source = this.context.createMediaStreamSource(new MediaStream([audioTrack]));
-		this.audioDestination = this.context.createMediaStreamDestination();
-		this.source.connect(this.gainNode);
-		this.gainNode.connect(this.audioDestination);
-		
-		stream.removeTrack(audioTrack);
-		stream.addTrack(this.audioDestination.stream.getAudioTracks()[0]);
-	}
-	
-	setVolume(volume)
-	{
-		this.volume = volume;
-		
-		this.updateVolume();
-	}
-	
-	SetVoiceAttenuate(volume)
-	{
-		this.attenuateVolume = volume;
-		
-		this.updateVolume();
-	}
-	
-	SetMute(mute)
-	{
-		this.mute = mute;
-		
-		this.updateVolume();
-	}
-	
-	updateVolume()
-	{
-		this.gainNode.gain.value = this.volume * this.attenuateVolume *
-			(this.mute ? 0.0 : 1.0);
-	}
-}
-
-var g_SkywayPlayerList = [];
-
-function hel_skyway_create_player(peerId)
-{
-	var skywayPlayer = new CHELSkywayPlayer(peerId,
-		g_hel_Mixer[HEL_AUDIO_TYPE_VOICE]);
-		
-//	console.log("hel_skyway_create_player " + peerId);
-
-	for (var n = 0; n < g_SkywayPlayerList.length; n++) {
-		if (g_SkywayPlayerList[n] == null) {
-			g_SkywayPlayerList[n] = skywayPlayer;
-			return skywayPlayer;
-		}
-	}
-	
-	g_SkywayPlayerList.push(skywayPlayer);
-	
-	return skywayPlayer;
-}
-
-function hel_skyway_release_player(peerId)
-{
-	for (var n = 0; n < g_SkywayPlayerList.length; n++) {
-		var skywayPlayer = g_SkywayPlayerList[n];
-		if (skywayPlayer == null) continue;
-		
-		if (skywayPlayer.peerId == peerId) {
-			skywayPlayer.release();
-			g_SkywayPlayerList[n] = null;
-			return;
-		}
-	}
-}
-
-function hel_skyway_get_player(peerId)
-{
-	for (var n = 0; n < g_SkywayPlayerList.length; n++) {
-		var skywayPlayer = g_SkywayPlayerList[n];
-		if (skywayPlayer == null) continue;
-		
-		if (skywayPlayer.peerId == peerId) {
-			return skywayPlayer;
-		}
-	}
-	
-	return null;
-}
-
-function hel_skyway_stream(stream)
-{
-	if (!stream.peerId) {
-		console.log("stream.peerId not");
-		return;
-	}
-	
-	var player = hel_skyway_get_player(stream.peerId);
-	if (player == null) {
-		player = hel_skyway_create_player(stream.peerId);
-		if (player == null) {
-			console.log("hel_skyway_get_player not " + stream.peerId);
-			return;
-		}
-	}
-	
-	player.setStream(stream);
-}
-
-function hel_skyway_SetMixerVolume(volume)
-{
-	for (var n = 0; n < g_SkywayPlayerList.length; n++) {
-		var skywayPlayer = g_SkywayPlayerList[n];
-		if (skywayPlayer == null) continue;
-		
-		skywayPlayer.setVolume(volume);
-	}
-}
-
-//
-function hel_skyway_set_roomid(roomid)
-{
-	g_Skyway_RoomID = roomid;
-}
-
-function hel_skyway_get_roomid()
-{
-	return g_Skyway_RoomID;
-}
-
-// Avatar
-function hel_skyway_change_avatar(avatar)
-{
-	g_Skyway_MyAvatar = avatar;
-	g_Skyway_MyAvatar_ForSend = avatar;
-	
-	hel_gtag('AvatarChange', { param0:g_WorldID, param1:avatar });
-	
-	hel_set_cookie("Avatar", avatar);
-}
-
-function hel_skyway_set_avatar_from_cookie()
-{
-	const avatar = hel_get_cookie("Avatar");
-	if (avatar !== undefined) {
-		g_Skyway_MyAvatar = avatar;
-		g_Skyway_MyAvatar_ForSend = avatar;
-	}
-}
-
-function hel_skyway_set_avatar_forsend(avatar)
-{
-	g_Skyway_MyAvatar_ForSend = avatar;
-}
-
-hel_skyway_set_avatar_from_cookie();
-
-//
-function hel_skyway_send_data(param)
-{
-	if (g_room == null) return;
-	
-	g_room.send(param);
-}
-
-function hel_skyway_receive_data(cmd, id, param)
-{
-	const data = cmd + ":" + id + ":" + param;
-	
-//	console.log("receive_data / " + data);
-	
-	Module.ccall('ReceiveSkywayData', '', ['string'], [data]);
-}
-
-function hel_skyway_add_text_chat(id, text)
-{
-	hel_skyway_receive_data("data", id, "msg:" + text);
-}
-
-function hel_skyway_send_myinfo()
-{
-	hel_skyway_send_data("join:" + g_Skyway_MyName + ":" +
-		g_Skyway_MyAvatar_ForSend + ":" +
-		(g_Skyway_Start ? 1 : 0));
-		
-	hel_skyway_send_data("avatar:" + g_Skyway_MyAvatar_ForSend);
-}
-
-function hel_skyway_SetVoiceAttenuate(peerId, volume)
-{
-	var Player = hel_skyway_get_player(peerId);
-	if (Player == null) return;
-	
-	Player.SetVoiceAttenuate(volume);
-}
-
-function hel_skyway_SetVoiceMute(peerId, mute)
-{
-	var Player = hel_skyway_get_player(peerId);
-	if (Player == null) return;
-	
-	Player.SetMute(mute);
-}
-
-function hel_skyway_join()
-{
-//	const leaveTrigger = document.getElementById('js-leave-trigger');
-	const remoteVideos = document.getElementById('js-remote-streams');
-	
-    // Note that you need to ensure the peer has connected to signaling server
-    // before using methods of peer instance.
-    if (g_peer == null) {
-		console.log("g_peer is null");
-		return;
-	}
-	
-    if (!g_peer.open) {
-		console.log("hel_skyway_join : g_peer not open");
-      return;
-    }
-    
-    //
-	const parts = location.hostname.split(".");
-	const subdomain = parts.shift();
-
-    var SkywayRoomID = subdomain + "_" + g_Skyway_RoomID;
-    
-    //
-    g_room = g_peer.joinRoom(SkywayRoomID, {
-      mode: 'mesh',
-      stream: g_localStream,
-    });
-
-    g_room.once('open', () => {
-//		hel_skyway_add_text_chat("", 'You joined');
-      
-      hel_skyway_receive_data("open", g_peer.id, "");
-      
-      // to set my name
-      hel_skyway_receive_data("data", g_peer.id, "name:" + g_Skyway_MyName);
-      
-      // send my name to old player
-      hel_skyway_send_myinfo();
-    });
-    
-    g_room.on('peerJoin', peerId => {
-		hel_skyway_create_player(peerId);
-		
-//		hel_skyway_add_text_chat("", `${peerId} joined`);
-
-//		hel_skyway_receive_data("join", peerId, "");
-
-		// send my name to new player
-		hel_skyway_send_myinfo();
-	});
-
-    // Render remote stream for new peer join in the room
-    g_room.on('stream', async stream => {
-		hel_skyway_stream(stream);
-		
-      const newAudio = document.createElement('audio');
-      newAudio.srcObject = stream;
-      newAudio.playsInline = true;
-      // mark peerId to find it later at peerLeave event
-      newAudio.setAttribute('data-peer-id', stream.peerId);
-      remoteVideos.append(newAudio);
-      await newAudio.play().catch(console.error);
-    });
-
-    g_room.on('data', ({ data, src }) => {
-      // Show a message sent to the room and who sent
-//      messages.textContent += `${src}: ${data}\n`;
-
-//		console.log(`${src}: ${data}`);
-
-		hel_skyway_receive_data("data", src, data);
-    });
-
-    // for closing room members
-    g_room.on('peerLeave', peerId => {
-		hel_skyway_release_player(peerId);
-		
-		const remoteVideo = remoteVideos.querySelector(
-			`[data-peer-id="${peerId}"]`
-		);
-		remoteVideo.srcObject.getTracks().forEach(track => track.stop());
-		remoteVideo.srcObject = null;
-		remoteVideo.remove();
-
-//      messages.textContent += `=== ${peerId} left ===\n`;
-//		hel_skyway_add_text_chat("", `${peerId} leaved`);
-
-		hel_skyway_receive_data("leave", peerId, "");
-		
-    });
-
-    // for closing myself
-    g_room.once('close', () => {
-//      messages.textContent += '== You left ===\n';
-      Array.from(remoteVideos.children).forEach(remoteVideo => {
-        remoteVideo.srcObject.getTracks().forEach(track => track.stop());
-        remoteVideo.srcObject = null;
-        remoteVideo.remove();
-      });
-    });
-}
-
-function hel_skyway_set_mic_state(state)
-{
-	if (g_localStream == null) return;
-	
-    var tracks = g_localStream.getAudioTracks();
-    if (tracks.length <= 0) return;
-
-    tracks[0].enabled = state;
-
-    if (state) {
-		const audioCtx = new AudioContext();
-		const input  = audioCtx.createMediaStreamSource(g_localStream);
-		const analyzer = audioCtx.createAnalyser();
-		input.connect(analyzer);
-		const timeDomainArray = new Float32Array(analyzer.fftSize);
-		const frequencyArray = new Float32Array(analyzer.frequencyBinCount)
-		g_skyway_set_mic_state_timer = setInterval(hel_skyway_detect_voice.bind(this, input, analyzer, timeDomainArray, frequencyArray), 200);
-    } else {
-		hel_canvas_SetLayoutShow("HUD_Voice", false);
-		hel_setText(ETextParamType_SetMicTalkingState, "0");
-        clearInterval(g_skyway_set_mic_state_timer);
-    }
-}
-
-
-function hel_skyway_detect_voice(input, analyzer, timeDomainArray, frequencyArray) {
-    analyzer.getFloatTimeDomainData(timeDomainArray);
-    analyzer.getFloatFrequencyData(frequencyArray);
-    const maxDomain = Math.max(...timeDomainArray);
-//  console.log('voice!', timeDomainArray, frequencyArray);
-//  console.log('voice!', analyzer.minDecibels, analyzer.maxDecibels);
-//  console.log('voice!', maxDomain);
-
-    const voice_threshold = 0.05;
-    if (maxDomain > voice_threshold) {
-		hel_canvas_SetLayoutShow("HUD_Voice", true);
-		hel_setText(ETextParamType_SetMicTalkingState, "1");
-		hel_canvas_SetGUIShow("hud_voicechat_on", false);
-    } else {
-		hel_canvas_SetLayoutShow("HUD_Voice", false);
-		hel_setText(ETextParamType_SetMicTalkingState, "0");
-		hel_canvas_SetGUIShow("hud_voicechat_on", true);
-	}
-}
-
-function hel_skyway_send_heartbeat()
-{
-	if (g_room == null) return;
-	
-	var NumofPlayer = 1 + Object.values(g_room.getPeerConnections()).length;
-	
-//	console.log("hel_skyway_send_heartbeat " + NumofPlayer);
-	
-	sendHeartbeat(g_Skyway_RoomID, NumofPlayer);
-}
-
-
-async function hel_skyway_main()
-{
-	const localVideo = document.getElementById('js-local-stream');
-	const remoteVideos = document.getElementById('js-remote-streams');
-
-	const sdkSrc = document.querySelector('script[src*=skyway]');
-  
-	if (!navigator.mediaDevices) {
-		console.log("navigator.mediaDevices not found");
-		return;
-	}
-
-	g_localStream = await navigator.mediaDevices.getUserMedia({
-		audio: true,
-		video: false,
-		}).catch(console.error);
-
-	// default mic mute
-	hel_skyway_set_mic_state(false);
-
-	// Render local stream
-	localVideo.muted = true;
-	localVideo.srcObject = g_localStream;
-	localVideo.playsInline = true;
-	await localVideo.play().catch(console.error);
-
-	// eslint-disable-next-line require-atomic-updates
-	g_peer = new Peer({
-		key: g_SKYWAY_KEY,
-		debug: 0,
-	});
-
-	g_peer.on('error', console.error);
-
-	g_peer.on("open", () => {
-		hel_skyway_join();
-	});
-};
-
-// Replase ":" to "&colon\;"
-function hel_skyway_to_code_colon( text )
-{
-	var str = text.replace(':', '&colon;');
-	//console.log(str);
-	return str;
-};
-
-// Recovery "&colon;" to ":"
-function hel_skyway_to_char_colon( text )
-{
-	var str = text.replace('&colon;', ':');
-	//console.log(str);
-	return str;
-};
+
+var g_peer = null;
+var g_localStream = null;
+
+const g_SKYWAY_KEY = '37825849-7771-49bd-890e-61971fb4f431';
+
+var g_room = null;
+
+var g_Skyway_RoomID = "";
+var g_Skyway_MyName = "Me";
+var g_Skyway_MyAvatar = 0;
+var g_Skyway_MyAvatar_ForSend = 0;
+var g_Skyway_Start = false;
+
+let g_skyway_set_mic_state_timer = null;
+
+const g_skyway_msg = document.getElementById('msg');
+const g_skyway_localText = document.getElementById('js-local-text');
+
+const cookie_Skyway_MyName = hel_get_cookie('playername');
+if (cookie_Skyway_MyName !== undefined) {
+	g_Skyway_MyName = cookie_Skyway_MyName;
+}
+
+hel_skyway_set_show_chatbox(false);
+
+function hel_skyway_set_show_chatbox(show)
+{
+	if (!g_skyway_localText) return;
+	
+	g_skyway_msg.style.visibility = (show ? 'visible' : 'hidden');
+	g_skyway_localText.style.visibility = (show ? 'visible' : 'hidden');
+}
+
+function hel_skyway_set_TextField_localText_fontSize(text)
+{
+	if (!g_skyway_localText) return;
+	
+	g_skyway_localText.style.fontSize = text + 'px';
+}
+
+function hel_skyway_resize_chatbox(x, y, width, height)
+{
+	if (!g_skyway_msg) return;
+	
+	g_skyway_msg.style.left = x + 'px';
+	g_skyway_msg.style.top = y + 'px';
+	g_skyway_localText.style.width = width + 'px';
+	g_skyway_localText.style.height = height + 'px';
+}
+
+function hel_skyway_send_chat_text( focus = true )
+{
+	if (g_skyway_localText.value == "") return;
+	
+	hel_remove_emoji(g_skyway_localText);
+	
+	// Send message to all of the peers in the room via websocket
+	var replace_text = hel_skyway_to_code_colon(g_skyway_localText.value);
+	hel_skyway_send_data("msg:" + replace_text);
+	
+	var id = "";
+	if (g_peer) id = g_peer.id;
+
+	hel_skyway_add_text_chat(id, replace_text);
+	g_skyway_localText.value = '';
+	
+	if( focus ) {
+		g_MainCanvas.focus();
+	}
+}
+
+//
+class CHELSkywayPlayer {
+	
+	constructor(peerId, volume)
+	{
+		this.peerId = peerId;
+		
+		this.context = new (window.AudioContext || window.webkitAudioContext)();
+		this.gainNode = this.context.createGain();
+		
+		this.volume = volume;
+		this.attenuateVolume = 1.0;
+		this.mute = false;
+		
+		this.updateVolume();
+	}
+	
+	release()
+	{
+	}
+
+	setStream(stream)
+	{
+		var audioTrack = stream.getAudioTracks()[0];
+
+		const audio = document.createElement('audio');
+		audio.srcObject = new MediaStream([audioTrack]);
+		audio.muted = true;
+		audio.play();
+		audio.style.display = 'none';
+		document.getElementById("status").appendChild(audio);
+
+		this.source = this.context.createMediaStreamSource(new MediaStream([audioTrack]));
+		this.audioDestination = this.context.createMediaStreamDestination();
+		this.source.connect(this.gainNode);
+		this.gainNode.connect(this.audioDestination);
+		
+		stream.removeTrack(audioTrack);
+		stream.addTrack(this.audioDestination.stream.getAudioTracks()[0]);
+	}
+	
+	setVolume(volume)
+	{
+		this.volume = volume;
+		
+		this.updateVolume();
+	}
+	
+	SetVoiceAttenuate(volume)
+	{
+		this.attenuateVolume = volume;
+		
+		this.updateVolume();
+	}
+	
+	SetMute(mute)
+	{
+		this.mute = mute;
+		
+		this.updateVolume();
+	}
+	
+	updateVolume()
+	{
+		this.gainNode.gain.value = this.volume * this.attenuateVolume *
+			(this.mute ? 0.0 : 1.0);
+	}
+}
+
+var g_SkywayPlayerList = [];
+
+function hel_skyway_create_player(peerId)
+{
+	var skywayPlayer = new CHELSkywayPlayer(peerId,
+		g_hel_Mixer[HEL_AUDIO_TYPE_VOICE]);
+		
+//	console.log("hel_skyway_create_player " + peerId);
+
+	for (var n = 0; n < g_SkywayPlayerList.length; n++) {
+		if (g_SkywayPlayerList[n] == null) {
+			g_SkywayPlayerList[n] = skywayPlayer;
+			return skywayPlayer;
+		}
+	}
+	
+	g_SkywayPlayerList.push(skywayPlayer);
+	
+	return skywayPlayer;
+}
+
+function hel_skyway_release_player(peerId)
+{
+	for (var n = 0; n < g_SkywayPlayerList.length; n++) {
+		var skywayPlayer = g_SkywayPlayerList[n];
+		if (skywayPlayer == null) continue;
+		
+		if (skywayPlayer.peerId == peerId) {
+			skywayPlayer.release();
+			g_SkywayPlayerList[n] = null;
+			return;
+		}
+	}
+}
+
+function hel_skyway_get_player(peerId)
+{
+	for (var n = 0; n < g_SkywayPlayerList.length; n++) {
+		var skywayPlayer = g_SkywayPlayerList[n];
+		if (skywayPlayer == null) continue;
+		
+		if (skywayPlayer.peerId == peerId) {
+			return skywayPlayer;
+		}
+	}
+	
+	return null;
+}
+
+function hel_skyway_stream(stream)
+{
+	if (!stream.peerId) {
+		console.log("stream.peerId not");
+		return;
+	}
+	
+	var player = hel_skyway_get_player(stream.peerId);
+	if (player == null) {
+		player = hel_skyway_create_player(stream.peerId);
+		if (player == null) {
+			console.log("hel_skyway_get_player not " + stream.peerId);
+			return;
+		}
+	}
+	
+	player.setStream(stream);
+}
+
+function hel_skyway_SetMixerVolume(volume)
+{
+	for (var n = 0; n < g_SkywayPlayerList.length; n++) {
+		var skywayPlayer = g_SkywayPlayerList[n];
+		if (skywayPlayer == null) continue;
+		
+		skywayPlayer.setVolume(volume);
+	}
+}
+
+//
+function hel_skyway_set_roomid(roomid)
+{
+	g_Skyway_RoomID = roomid;
+}
+
+function hel_skyway_get_roomid()
+{
+	return g_Skyway_RoomID;
+}
+
+// Avatar
+function hel_skyway_change_avatar(avatar)
+{
+	g_Skyway_MyAvatar = avatar;
+	g_Skyway_MyAvatar_ForSend = avatar;
+	
+	hel_gtag('AvatarChange', { param0:g_WorldID, param1:avatar });
+	
+	hel_set_cookie("Avatar", avatar);
+}
+
+function hel_skyway_set_avatar_from_cookie()
+{
+	const avatar = hel_get_cookie("Avatar");
+	if (avatar !== undefined) {
+		g_Skyway_MyAvatar = avatar;
+		g_Skyway_MyAvatar_ForSend = avatar;
+	}
+}
+
+function hel_skyway_set_avatar_forsend(avatar)
+{
+	g_Skyway_MyAvatar_ForSend = avatar;
+}
+
+hel_skyway_set_avatar_from_cookie();
+
+//
+function hel_skyway_send_data(param)
+{
+	if (g_room == null) return;
+	
+	g_room.send(param);
+}
+
+function hel_skyway_receive_data(cmd, id, param)
+{
+	const data = cmd + ":" + id + ":" + param;
+	
+//	console.log("receive_data / " + data);
+	
+	Module.ccall('ReceiveSkywayData', '', ['string'], [data]);
+}
+
+function hel_skyway_add_text_chat(id, text)
+{
+	hel_skyway_receive_data("data", id, "msg:" + text);
+}
+
+function hel_skyway_send_myinfo()
+{
+	hel_skyway_send_data("join:" + g_Skyway_MyName + ":" +
+		g_Skyway_MyAvatar_ForSend + ":" +
+		(g_Skyway_Start ? 1 : 0));
+		
+	hel_skyway_send_data("avatar:" + g_Skyway_MyAvatar_ForSend);
+}
+
+function hel_skyway_SetVoiceAttenuate(peerId, volume)
+{
+	var Player = hel_skyway_get_player(peerId);
+	if (Player == null) return;
+	
+	Player.SetVoiceAttenuate(volume);
+}
+
+function hel_skyway_SetVoiceMute(peerId, mute)
+{
+	var Player = hel_skyway_get_player(peerId);
+	if (Player == null) return;
+	
+	Player.SetMute(mute);
+}
+
+function hel_skyway_join()
+{
+//	const leaveTrigger = document.getElementById('js-leave-trigger');
+	const remoteVideos = document.getElementById('js-remote-streams');
+	
+    // Note that you need to ensure the peer has connected to signaling server
+    // before using methods of peer instance.
+    if (g_peer == null) {
+		console.log("g_peer is null");
+		return;
+	}
+	
+    if (!g_peer.open) {
+		console.log("hel_skyway_join : g_peer not open");
+      return;
+    }
+    
+    //
+	const parts = location.hostname.split(".");
+	const subdomain = parts.shift();
+
+    var SkywayRoomID = subdomain + "_" + g_Skyway_RoomID;
+    
+    //
+    g_room = g_peer.joinRoom(SkywayRoomID, {
+      mode: 'mesh',
+      stream: g_localStream,
+    });
+
+    g_room.once('open', () => {
+//		hel_skyway_add_text_chat("", 'You joined');
+      
+      hel_skyway_receive_data("open", g_peer.id, "");
+      
+      // to set my name
+      hel_skyway_receive_data("data", g_peer.id, "name:" + g_Skyway_MyName);
+      
+      // send my name to old player
+      hel_skyway_send_myinfo();
+    });
+    
+    g_room.on('peerJoin', peerId => {
+		hel_skyway_create_player(peerId);
+		
+//		hel_skyway_add_text_chat("", `${peerId} joined`);
+
+//		hel_skyway_receive_data("join", peerId, "");
+
+		// send my name to new player
+		hel_skyway_send_myinfo();
+	});
+
+    // Render remote stream for new peer join in the room
+    g_room.on('stream', async stream => {
+		hel_skyway_stream(stream);
+		
+      const newAudio = document.createElement('audio');
+      newAudio.srcObject = stream;
+      newAudio.playsInline = true;
+      // mark peerId to find it later at peerLeave event
+      newAudio.setAttribute('data-peer-id', stream.peerId);
+      remoteVideos.append(newAudio);
+      await newAudio.play().catch(console.error);
+    });
+
+    g_room.on('data', ({ data, src }) => {
+      // Show a message sent to the room and who sent
+//      messages.textContent += `${src}: ${data}\n`;
+
+//		console.log(`${src}: ${data}`);
+
+		hel_skyway_receive_data("data", src, data);
+    });
+
+    // for closing room members
+    g_room.on('peerLeave', peerId => {
+		hel_skyway_release_player(peerId);
+		
+		const remoteVideo = remoteVideos.querySelector(
+			`[data-peer-id="${peerId}"]`
+		);
+		remoteVideo.srcObject.getTracks().forEach(track => track.stop());
+		remoteVideo.srcObject = null;
+		remoteVideo.remove();
+
+//      messages.textContent += `=== ${peerId} left ===\n`;
+//		hel_skyway_add_text_chat("", `${peerId} leaved`);
+
+		hel_skyway_receive_data("leave", peerId, "");
+		
+    });
+
+    // for closing myself
+    g_room.once('close', () => {
+//      messages.textContent += '== You left ===\n';
+      Array.from(remoteVideos.children).forEach(remoteVideo => {
+        remoteVideo.srcObject.getTracks().forEach(track => track.stop());
+        remoteVideo.srcObject = null;
+        remoteVideo.remove();
+      });
+    });
+}
+
+function hel_skyway_set_mic_state(state)
+{
+	if (g_localStream == null) return;
+	
+    var tracks = g_localStream.getAudioTracks();
+    if (tracks.length <= 0) return;
+
+    tracks[0].enabled = state;
+
+    if (state) {
+		const audioCtx = new AudioContext();
+		const input  = audioCtx.createMediaStreamSource(g_localStream);
+		const analyzer = audioCtx.createAnalyser();
+		input.connect(analyzer);
+		const timeDomainArray = new Float32Array(analyzer.fftSize);
+		const frequencyArray = new Float32Array(analyzer.frequencyBinCount)
+		g_skyway_set_mic_state_timer = setInterval(hel_skyway_detect_voice.bind(this, input, analyzer, timeDomainArray, frequencyArray), 200);
+    } else {
+		hel_canvas_SetLayoutShow("HUD_Voice", false);
+		hel_setText(ETextParamType_SetMicTalkingState, "0");
+        clearInterval(g_skyway_set_mic_state_timer);
+    }
+}
+
+
+function hel_skyway_detect_voice(input, analyzer, timeDomainArray, frequencyArray) {
+    analyzer.getFloatTimeDomainData(timeDomainArray);
+    analyzer.getFloatFrequencyData(frequencyArray);
+    const maxDomain = Math.max(...timeDomainArray);
+//  console.log('voice!', timeDomainArray, frequencyArray);
+//  console.log('voice!', analyzer.minDecibels, analyzer.maxDecibels);
+//  console.log('voice!', maxDomain);
+
+    const voice_threshold = 0.05;
+    if (maxDomain > voice_threshold) {
+		hel_canvas_SetLayoutShow("HUD_Voice", true);
+		hel_setText(ETextParamType_SetMicTalkingState, "1");
+		hel_canvas_SetGUIShow("hud_voicechat_on", false);
+    } else {
+		hel_canvas_SetLayoutShow("HUD_Voice", false);
+		hel_setText(ETextParamType_SetMicTalkingState, "0");
+		hel_canvas_SetGUIShow("hud_voicechat_on", true);
+	}
+}
+
+function hel_skyway_send_heartbeat()
+{
+	if (g_room == null) return;
+	
+	var NumofPlayer = 1 + Object.values(g_room.getPeerConnections()).length;
+	
+//	console.log("hel_skyway_send_heartbeat " + NumofPlayer);
+	
+	sendHeartbeat(g_Skyway_RoomID, NumofPlayer);
+}
+
+
+async function hel_skyway_main()
+{
+	const localVideo = document.getElementById('js-local-stream');
+	const remoteVideos = document.getElementById('js-remote-streams');
+
+	const sdkSrc = document.querySelector('script[src*=skyway]');
+  
+	if (!navigator.mediaDevices) {
+		console.log("navigator.mediaDevices not found");
+		return;
+	}
+
+	g_localStream = await navigator.mediaDevices.getUserMedia({
+		audio: true,
+		video: false,
+		}).catch(console.error);
+
+	// default mic mute
+	hel_skyway_set_mic_state(false);
+
+	// Render local stream
+	localVideo.muted = true;
+	localVideo.srcObject = g_localStream;
+	localVideo.playsInline = true;
+	await localVideo.play().catch(console.error);
+
+	// eslint-disable-next-line require-atomic-updates
+	g_peer = new Peer({
+		key: g_SKYWAY_KEY,
+		debug: 0,
+	});
+
+	g_peer.on('error', console.error);
+
+	g_peer.on("open", () => {
+		hel_skyway_join();
+	});
+};
+
+// Replase ":" to "&colon\;"
+function hel_skyway_to_code_colon( text )
+{
+	var str = text.replace(':', '&colon;');
+	//console.log(str);
+	return str;
+};
+
+// Recovery "&colon;" to ":"
+function hel_skyway_to_char_colon( text )
+{
+	var str = text.replace('&colon;', ':');
+	//console.log(str);
+	return str;
+};