npm - com.hikky.vketcloudsdk - Versions diffs - 3.2.4 → 3.4.4 - Mend

com.hikky.vketcloudsdk 3.2.4 → 3.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1521) hide show

package/PackageResources/project~/data/heliodor_lib.js CHANGED Viewed

@@ -1,1879 +1,1879 @@
-// HeliodorSDK
-const g_HeliodorSDKVersion = "3.0";
-//
-const ETextParamType_WorldID							= 0;
-const ETextParamType_RoomID								= 1;
-const ETextParamType_SpotName							= 2;
-const ETextParamType_LocationHref						= 3;
-const ETextParamType_ShowWorldSelect					= 4;
-const ETextParamType_Logined							= 5;
-const ETextParamType_CanvasFileName						= 6;
-const ETextParamType_CurrentUserName					= 7;
-const ETextParamType_SceneItem							= 8;
-const ETextParamType_OperateCanvas						= 9;
-const ETextParamType_ReplaceMyAvatar					= 10;
-const ETextParamType_PlayVideo							= 11;
-const ETextParamType_NamePlateTextureFileName0			= 12;
-const ETextParamType_NamePlateTextureFileName1			= 13;
-const ETextParamType_NamePlateTextureFileName2			= 14;
-const ETextParamType_NamePlateMicMuteTextureFileName	= 15;
-const ETextParamType_NamePlateMicOnTextureFileName		= 16;
-const ETextParamType_NamePlateMicTalkingTextureFileName	= 17;
-const ETextParamType_SetMicState						= 18;
-const ETextParamType_OperateFunctionFlag				= 19;
-const ETextParamType_CopyVideoFrameToSystem				= 20;
-const ETextParamType_CancelToCopyVideoFrameToSystem		= 21;
-const ETextParamType_SetMicTalkingState					= 22;
-const ETextParamType_WarpPlayer							= 23;
-const ETextParamType_PlayerMoveEnable					= 24;
-const ETextParamType_PlayItem							= 25;
-const ETextParamType_StopItem							= 26;
-const ETextParamType_ShowItem							= 27;
-const ETextParamType_HideItem							= 28;
-const ETextParamType_ReplaceMyAvatarCustom				= 29;
-const ETextParamType_SceneJson                          = 30;
-const ETextParamType_ScriptCallComponentMethod			= 31;
-const ETextParamType_AvatarFileName					= 32;
-//
-var g_MainCanvas = document.getElementById('canvas');
-g_MainCanvas.width = document.documentElement.clientWidth;
-g_MainCanvas.height = document.documentElement.clientHeight;
-g_MainCanvas.onclick = function() {
-	g_MainCanvas.focus();
-};
-g_MainCanvas.oncontextmenu = function (e) {
-    e.preventDefault();
-};
-g_MainCanvas.focus();
-g_on_video_frame_capture = function(uint8Array, x, y, width, height) {
-	// default implement
-	console.log('g_on_video_frame_capture:', uint8Array, x, y, width, height);
-}
-//
-document.addEventListener('visibilitychange', function() {
-	if (document.visibilityState === 'hidden') {
-		g_hel_MixerTabActive = 0.0;
-		hel_mixer_UpdateAll();
-		// Force MicMute
-		hel_skyway_set_mic_state(false);
-		hel_canvas_SetGUIShow("HUD", "hud_voicechat_on", false);
-		hel_canvas_SetGUIShow("HUD", "hud_voicechat_mute", true);
-		hel_setText(ETextParamType_SetMicState, "0");
-		hel_canvas_ResetToggleDefault( 'voicechat' );
-	}
-	else if (document.visibilityState === 'visible') {
-		g_hel_MixerTabActive = 1.0;
-		hel_mixer_UpdateAll();
-	}
-}, false);
-//
-var g_DataFolderName = "data";
-var g_CanvasFileName = "Canvas/CanvasList.json";
-var g_CurrentUserName = "Me";		// For send UserName from javascript to c++.
-//
-var Module = {
-	canvas: (function() {
-		return g_MainCanvas;
-	})(),
-	setstate: function(text) {
-		var status = document.getElementById('status');
-		if (!status) return;
-		status.innerHTML = text;
-	},
-	addlog: function(text) {
-		var log = document.getElementById('log');
-		if (!log) return;
-		log.innerHTML += text;
-	}
-};
-//
-function hel_setCanvasFileName(canvasFileName)
-{
-	g_CanvasFileName = canvasFileName;
-}
-function hel_setAvatarFileName(avatarFileName)
-{
-	hel_setText(ETextParamType_AvatarFileName, avatarFileName);
-}
-function hel_startScene(CharaType, MultiPlay, SceneFileName)
-{
-	hel_start(0, CharaType, 0, MultiPlay, SceneFileName);
-}
-function hel_start(Type, CharaType, Param1, MultiPlay, StrParam0)
-{
-	if (g_MainCanvas.width <= 0 || g_MainCanvas.height <= 0) return;
-	const CanTouch = (window.ontouchstart !== undefined);
-	// Set Parameter
-	g_SceneJsonPath = 'data/' + StrParam0;
-	if (typeof g_Skyway_RoomID !== 'undefined') hel_setText(ETextParamType_RoomID, g_Skyway_RoomID);
-	if (typeof g_Spot !== 'undefined') hel_setText(ETextParamType_SpotName, g_Spot);
-	hel_setText(ETextParamType_LocationHref, location.href);
-	if (typeof g_ShowWorldSelect !== 'undefined') hel_setText(ETextParamType_ShowWorldSelect, (g_ShowWorldSelect ? "1" : "0"));
-	hel_setText(ETextParamType_Logined, (g_Logined ? "1" : "0"));
-	hel_setText(ETextParamType_CanvasFileName, g_CanvasFileName);
-	hel_setText(ETextParamType_CurrentUserName, g_CurrentUserName);
-	//
-	Module.ccall('Start', '',
-		['int', 'int', 'int', 'int', 'int', 'int', 'int', 'int', 'int', 'int', 'int', 'string', 'string'],
-		[Type,
-		g_MainCanvas.width,
-		g_MainCanvas.height,
-		(hel_isMobile() ? 1 : 0),
-		hel_getiOSVersion(),
-		(hel_isMac() ? 1 : 0),
-		(CanTouch ? 1 : 0),
-		(hel_isLangJa() ? 1 : 0),
-		CharaType,
-		Param1,
-		(MultiPlay ? 1 : 0),
-		StrParam0,
-		g_DataFolderName]);
-	//
-	g_MainCanvas.focus();
-	drawFrame();
-}
-//
-function hel_setText(Type, Text)
-{
-	Module.ccall('SetText', '',
-		['int', 'string'],
-		[Type, Text]);
-}
-function hel_debugOutput(Text)
-{
-	Module.ccall('DebugOutput', '',
-		['string'],
-		[Text]);
-}
-function hel_debugMemoryByteOutput(pointer, length)
-{
-	Module.ccall('DebugMemoryByteOutput', '',
-		['array', 'int'],
-		[pointer, length]);
-}
-//
-function hel_resizeWindow()
-{
-	const width = document.documentElement.clientWidth;
-	const height = document.documentElement.clientHeight;
-	if (width <= 0 || height <= 0) return;
-	g_MainCanvas.width = width;
-	g_MainCanvas.height = height;
-	if (Module.ccall !== null) {
-		Module.ccall('ResizeWindow', '', ['int', 'int'],
-			[g_MainCanvas.width, g_MainCanvas.height]);
-	}
-}
-window.onresize = hel_resizeWindow;
-document.addEventListener("fullscreenchange", ()=>{
-	hel_resizeWindow();
-});
-//
-var g_UseWebGL10 = false;
-var g_extPVRTC = null;
-var g_TextureCompression_PVRTC = false;
-var g_extETC2 = null;
-var g_TextureCompression_ETC2 = false;
-var g_extASTC = null;
-var g_TextureCompression_ASTC = false;
-var g_extDXT = null;
-var g_TextureCompression_DXT = false;
-var g_EXT_shader_texture_lod = null;
-var g_Use_EXT_shader_texture_lod = false;
-var g_EXT_color_buffer_half_float = null;
-var g_Use_EXT_color_buffer_half_float = false;
-var g_OES_texture_half_float = null;
-var g_Use_OES_texture_half_float = false;
-function initGL(majorVersion)
-{
-	if (!g_MainCanvas) {
-		console.log("canvas is null");
-		return 0;
-	}
-	if (majorVersion == 1) g_UseWebGL10 = true;
-	if (hel_isiPhone()) g_UseWebGL10 = true;
-	if (hel_isMac()) g_UseWebGL10 = true;
-	var glAttribs = {
-		alpha : 0,
-		premultipliedAlpha : 0,
-		depth : true,
-		majorVersion : majorVersion,
-		minorVersion : 0,
-		enableExtensionsByDefault: 1,
-		antialias: true
-	};
-	var webglctx = null;
-	if (!g_UseWebGL10) {
-		glAttribs.antialias = false;
-		webglctx = g_MainCanvas.getContext('webgl2', glAttribs);
-	}
-	if (!webglctx) {
-		g_UseWebGL10 = true;
-		glAttribs.majorVersion = 1;
-		let contextTypes = [ 'webgl', 'experimental-webgl' ];
-		for (let contextType of contextTypes) {
-			webglctx = g_MainCanvas.getContext(contextType, glAttribs);
-			if (webglctx) break;
-		}
-	}
-	if (!webglctx) {
-		console.log("webgl is null");
-		return 0;
-	}
-	var glctx = GL.registerContext(webglctx, glAttribs);
-	if (!glctx) {
-		console.log("glctx is null");
-		return 0;
-	}
-	GL.makeContextCurrent(glctx);
-	// TextureCompression
-	g_TextureCompression_PVRTC = hel_checkPVRTC(webglctx);
-	g_TextureCompression_ETC2 = hel_checkETC2(webglctx);
-	g_TextureCompression_ASTC = hel_checkASTC(webglctx);
-	g_TextureCompression_DXT = hel_checkDXT(webglctx);
-	// Shader Extension
-	g_Use_EXT_shader_texture_lod = hel_check_EXT_shader_texture_lod(webglctx);
-	// Texture Extension
-	g_Use_EXT_color_buffer_half_float = hel_check_EXT_color_buffer_half_float(webglctx);
-	g_Use_OES_texture_half_float = hel_check_OES_texture_half_float(webglctx);
-	return 1;
-}
-function hel_checkPVRTC(context)
-{
-	g_extPVRTC =
-		context.getExtension("WEBGL_compressed_texture_pvrtc") ||
-		context.getExtension("WEBKIT_WEBGL_compressed_texture_pvrtc");
-	if (!g_extPVRTC) return false;
-	const supportedCompressedTextureFormat = context.getParameter(
-		context.COMPRESSED_TEXTURE_FORMATS
-	);
-	if (!supportedCompressedTextureFormat) return false;
-	const supportsPVRTC_rgb = supportedCompressedTextureFormat.includes(
-		g_extPVRTC.COMPRESSED_RGB_PVRTC_4BPPV1_IMG
-	);
-	if (!supportsPVRTC_rgb) return false;
-	const supportsPVRTC_rgba = supportedCompressedTextureFormat.includes(
-		g_extPVRTC.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG
-	);
-	if (!supportsPVRTC_rgba) return false;
-	return true;
-}
-function hel_checkETC2(context)
-{
-	g_extETC2 =
-		context.getExtension("WEBGL_compressed_texture_etc") ||
-		context.getExtension("WEBKIT_WEBGL_compressed_texture_etc");
-	if (!g_extETC2) return false;
-	const supportedCompressedTextureFormat = context.getParameter(
-		context.COMPRESSED_TEXTURE_FORMATS
-	);
-	if (!supportedCompressedTextureFormat) return false;
-	const supportsETC2_rgb = supportedCompressedTextureFormat.includes(
-		g_extETC2.COMPRESSED_RGB8_ETC2
-	);
-	if (!supportsETC2_rgb) return false;
-	const supportsETC2_rgba = supportedCompressedTextureFormat.includes(
-		g_extETC2.COMPRESSED_RGBA8_ETC2_EAC
-	);
-	if (!supportsETC2_rgba) return false;
-	return true;
-}
-function hel_checkASTC(context)
-{
-	g_extASTC =
-		context.getExtension("WEBGL_compressed_texture_astc") ||
-		context.getExtension("WEBKIT_WEBGL_compressed_texture_astc");
-	if (!g_extASTC) return false;
-	const supportedCompressedTextureFormat = context.getParameter(
-		context.COMPRESSED_TEXTURE_FORMATS
-	);
-	if (!supportedCompressedTextureFormat) return false;
-	const supportsASTC_srgb = supportedCompressedTextureFormat.includes(
-		g_extASTC.COMPRESSED_SRGB8_ALPHA8_ASTC_4x4_KHR
-	);
-	if (!supportsASTC_srgb) return false;
-	return true;
-}
-function hel_checkDXT(context)
-{
-	g_extDXT =
-		context.getExtension("EXT_texture_compression_bptc");
-	if (!g_extDXT) return false;
-	const supportedCompressedTextureFormat = context.getParameter(
-		context.COMPRESSED_TEXTURE_FORMATS
-	);
-	if (!supportedCompressedTextureFormat) return false;
-	const supportsDXT_UNORM = supportedCompressedTextureFormat.includes(
-		g_extDXT.COMPRESSED_RGBA_BPTC_UNORM_EXT
-	);
-	if (!supportsDXT_UNORM) return false;
-	const supportsDXT_UNORM_SRGB = supportedCompressedTextureFormat.includes(
-		g_extDXT.COMPRESSED_SRGB_ALPHA_BPTC_UNORM_EXT
-	);
-	if (!supportsDXT_UNORM_SRGB) return false;
-	return true;
-}
-// Shader Extension
-function hel_check_EXT_shader_texture_lod(context) {
-	g_EXT_shader_texture_lod =
-		context.getExtension("EXT_shader_texture_lod");
-	if (!g_EXT_shader_texture_lod) return false;
-	return true;
-}
-// Texture Extension
-function hel_check_EXT_color_buffer_half_float(context) {
-	if (hel_isFirefox()) {
-		g_EXT_color_buffer_half_float =
-			context.getExtension("EXT_color_buffer_float");
-	} else {
-		g_EXT_color_buffer_half_float =
-			context.getExtension("EXT_color_buffer_half_float");
-    }
-	if (!g_EXT_color_buffer_half_float) return false;
-	return true;
-}
-function hel_check_OES_texture_half_float(context) {
-	g_OES_texture_half_float =
-		context.getExtension("OES_texture_half_float");
-	if (!g_OES_texture_half_float) return false;
-	return true;
-}
-function drawFrame()
-{
-	Module.ccall('DrawFrame', '', [], []);
-	window.requestAnimationFrame(drawFrame);
-}
-// Login
-var g_Logined = false;
-function hel_setLogined(logined)
-{
-	g_Logined = logined;
-}
-// Audio
-const HEL_AUDIO_TYPE_WORLD = 0;
-const HEL_AUDIO_TYPE_VOICE = 1;
-const HEL_AUDIO_TYPE_SE = 2;
-const HEL_AUDIO_TYPE_SYSTEMSE = 3;
-const HEL_AUDIO_TYPE_VIDEO = 4;
-var g_hel_MixerTabActive = 1.0;
-var g_hel_Mixer = [ 0.2, 1.0, 0.2, 0.2, 0.2 ];
-var g_hel_MixerFade = [ 1.0, 1.0, 1.0, 1.0, 1.0 ];
-var g_hel_MixerDistance = [ 1.0, 1.0, 1.0, 1.0, 1.0 ];
-var g_hel_MixerMute = [ 0, 0, 0, 0, 0 ];
-const g_hel_UseLegacyAudio = false;//hel_isiPhone();
-class CHELAudio {
-	constructor(type, volume)
-	{
-		this.type = type;
-		this.toplay = false;
-		if (g_hel_UseLegacyAudio) {
-			this.audio = new Audio();
-			this.playing = false;
-			this.playBeginTime = 0.0;
-		}
-		else {
-			this.context = new (window.AudioContext || window.webkitAudioContext)();
-			this.source = this.context.createBufferSource();
-			this.gainNode = this.context.createGain();
-			this.gainNode.gain.value = volume;
-			this.playing = false;
-			this.playBeginTime = 0.0;
-			var that = this;
-			this.source.onended = function() {
-				var buf = that.source.buffer;
-				var ended = that.source.onended;
-				that.source.stop();
-				that.source = that.context.createBufferSource();
-				that.source.onended = ended;
-				that.source.buffer = buf;
-				that.source.connect(that.gainNode);
-				that.playing = false;
-			}
-		}
-	}
-	load(fileName, toplay, loop)
-	{
-		this.toplay = toplay;
-		if (g_hel_UseLegacyAudio) {
-			this.audio.src = fileName;
-			this.audio.load();
-			var that = this;
-			if (toplay) {
-				that.play(loop);
-			}
-			this.audio.addEventListener("ended", function () {
-				that.playing = false;
-			}, false);
-		}
-		else {
-			var request = new XMLHttpRequest();
-			request.open("GET", fileName, true);
-			request.responseType = "arraybuffer";
-			var that = this;
-			request.onload = function() {
-				that.context.decodeAudioData(request.response, function (buf) {
-					that.source.buffer = buf;
-					that.source.connect(that.gainNode);
-					that.gainNode.connect(that.context.destination);
-					if (toplay != 0) {
-						that.play(loop);
-					}
-				});
-			};
-			request.send();
-		}
-	}
-	play(loop)
-	{
-		if (!this.toplay && this.isPlay()) return;
-		if (this.audio !== undefined) {
-			this.audio.loop = loop;
-			this.audio.play();
-			this.playing = true;
-		}
-		else {
-			this.source.loop = loop;
-			this.source.start(0);
-			this.playBeginTime = this.context.currentTime;
-			this.playing = true;
-		}
-		this.toplay = false;
-	}
-	stop()
-	{
-		if (!this.playing) return;
-		if (this.audio !== undefined) {
-			this.audio.pause();
-		}
-		else {
-			this.source.stop();
-		}
-		this.playing = false;
-	}
-	isPlay()
-	{
-		if (this.toplay) return 1;
-		return (this.playing ? 1 : 0);
-	}
-	getPlayTimeAudio()
-	{
-		if (!this.playing) return 0;
-		if (this.audio !== undefined) {
-			return 0;
-		}
-		else {
-			const parseTime = this.context.currentTime - this.playBeginTime;
-			return parseInt(parseTime * 1000, 10);
-		}
-	}
-	setVolume(volume)
-	{
-		if (this.audio === undefined) {
-			this.gainNode.gain.value = g_hel_MixerTabActive * volume;
-		}
-	}
-	release()
-	{
-		this.stop();
-	}
-}
-var g_audioList = [];
-function createAudio(fileName, type, play, loop, volume)
-{
-	var index = createAudioIndex();
-	var helAudio = new CHELAudio(type, volume);
-	g_audioList[index] = helAudio;
-	helAudio.load(fileName, play, loop);
-	return index;
-}
-function createAudioIndex()
-{
-	var index;
-	for (index = 0; index < g_audioList.length; index++) {
-		if (g_audioList[index] == null) return index;
-	}
-	g_audioList.push(null);
-	return g_audioList.length - 1;
-}
-function releaseAudioIndex(index)
-{
-	if (g_audioList[index] == null) return;
-	g_audioList[index].release();
-	g_audioList[index] = null;
-}
-function playAudio(index, loop)
-{
-	if (g_audioList[index] == null) return;
-	g_audioList[index].play(loop);
-}
-function stopAudio(index)
-{
-	if (g_audioList[index] == null) return;
-	g_audioList[index].stop();
-}
-function isPlayAudio(index)
-{
-	if (g_audioList[index] == null) return 0;
-	return g_audioList[index].isPlay();
-}
-function getPlayTimeAudio(index)
-{
-	if (g_audioList[index] == null) return 0;
-	return g_audioList[index].getPlayTimeAudio();
-}
-function setAudioVolume(index, realVolume)
-{
-	if (g_audioList[index] == null) return;
-	return g_audioList[index].setVolume(realVolume);
-}
-function hel_mixer_SetVolume(type, volume, fadeVolume, distanceVolume, mute)
-{
-	const realVolume = g_hel_MixerTabActive *
-		volume * fadeVolume * distanceVolume * ((mute != 0) ? 0.0 : 1.0);
-	switch (type) {
-	case HEL_AUDIO_TYPE_WORLD:
-		hel_set_cookie("mixervolume_world", volume);
-		hel_set_cookie("mixermute_world", mute);
-		break;
-	case HEL_AUDIO_TYPE_VOICE:
-		if (typeof hel_skyway_SetMixerVolume == 'function') {
-			hel_skyway_SetMixerVolume(realVolume);
-		}
-		hel_set_cookie("mixervolume_voice", volume);
-		hel_set_cookie("mixermute_voice", mute);
-		break;
-	case HEL_AUDIO_TYPE_SE:
-		hel_set_cookie("mixervolume_se", volume);
-		hel_set_cookie("mixermute_se", mute);
-		break;
-	case HEL_AUDIO_TYPE_SYSTEMSE:
-		hel_set_cookie("mixervolume_systemse", volume);
-		hel_set_cookie("mixermute_systemse", mute);
-		break;
-	case HEL_AUDIO_TYPE_VIDEO:
-		hel_video_SetVolume(realVolume);
-		hel_set_cookie("mixervolume_video", volume);
-		hel_set_cookie("mixermute_video", mute);
-		break;
-	default:
-		return;
-	}
-	g_hel_Mixer[type] = volume;
-	g_hel_MixerFade[type] = fadeVolume;
-	g_hel_MixerDistance[type] = distanceVolume;
-	g_hel_MixerMute[type] = mute;
-}
-function hel_mixer_UpdateByType(type)
-{
-	hel_mixer_SetVolume(type,
-		g_hel_Mixer[type],
-		g_hel_MixerFade[type],
-		g_hel_MixerDistance[type],
-		g_hel_MixerMute[type]);
-}
-function hel_mixer_UpdateAll()
-{
-	hel_mixer_UpdateByType(HEL_AUDIO_TYPE_VOICE);
-	hel_mixer_UpdateByType(HEL_AUDIO_TYPE_VIDEO);
-	var index;
-	for (index = 0; index < g_audioList.length; index++) {
-		if (g_audioList[index] == null) continue;
-		var type = g_audioList[index].type;
-		const realVolume =
-			g_hel_Mixer[type] *
-			g_hel_MixerFade[type] *
-			g_hel_MixerDistance[type] *
-			((g_hel_MixerMute[type] != 0) ? 0.0 : 1.0);
-		g_audioList[index].setVolume(realVolume);
-	}
-}
-function hel_mixer_LoadCookie_Volume()
-{
-	var VolumeWorld = hel_get_cookie("mixervolume_world");
-	if (VolumeWorld !== undefined) {
-		g_hel_Mixer[HEL_AUDIO_TYPE_WORLD] = VolumeWorld;
-	}
-	var VolumeVoice = hel_get_cookie("mixervolume_voice");
-	if (VolumeVoice !== undefined) {
-		g_hel_Mixer[HEL_AUDIO_TYPE_VOICE] = VolumeVoice;
-	}
-	var VolumeSE = hel_get_cookie("mixervolume_se");
-	if (VolumeSE !== undefined) {
-		g_hel_Mixer[HEL_AUDIO_TYPE_SE] = VolumeSE;
-	}
-	var VolumeSystemSE = hel_get_cookie("mixervolume_systemse");
-	if (VolumeSystemSE !== undefined) {
-		g_hel_Mixer[HEL_AUDIO_TYPE_SYSTEMSE] = VolumeSystemSE;
-	}
-	var VolumeVideo = hel_get_cookie("mixervolume_video");
-	if (VolumeVideo !== undefined) {
-		g_hel_Mixer[HEL_AUDIO_TYPE_VIDEO] = VolumeVideo;
-	}
-}
-function hel_mixer_LoadCookie_Mute()
-{
-	var MuteWorld = hel_get_cookie("mixermute_world");
-	if (MuteWorld !== undefined) {
-		g_hel_MixerMute[HEL_AUDIO_TYPE_WORLD] = MuteWorld;
-	}
-	var MuteVoice = hel_get_cookie("mixermute_voice");
-	if (MuteVoice !== undefined) {
-		g_hel_MixerMute[HEL_AUDIO_TYPE_VOICE] = MuteVoice;
-	}
-	var MuteSE = hel_get_cookie("mixermute_se");
-	if (MuteSE !== undefined) {
-		g_hel_MixerMute[HEL_AUDIO_TYPE_SE] = MuteSE;
-	}
-	var MuteSystemSE = hel_get_cookie("mixermute_systemse");
-	if (MuteSystemSE !== undefined) {
-		g_hel_MixerMute[HEL_AUDIO_TYPE_SYSTEMSE] = MuteSystemSE;
-	}
-	var MuteVideo = hel_get_cookie("mixermute_video");
-	if (MuteVideo !== undefined) {
-		g_hel_MixerMute[HEL_AUDIO_TYPE_VIDEO] = MuteVideo;
-	}
-}
-function hel_mixer_LoadCookie()
-{
-	hel_mixer_LoadCookie_Volume();
-	hel_mixer_LoadCookie_Mute();
-}
-hel_mixer_LoadCookie();
-function hel_mixer_GetVolume(type)
-{
-	return parseFloat(g_hel_Mixer[type]);
-}
-function hel_mixer_IsMute(type)
-{
-	return g_hel_MixerMute[type];
-}
-// Video
-var g_Video = null;
-var g_videocanplay = false;
-var g_videopaused = false;
-var g_videoended = false;
-var g_VideoAudioContext = null;
-var g_VideoSource = null;
-var g_VideoGainNode = null;
-var g_VideoHlsConfig = null;
-function hel_video_Prepare(loop)
-{
-	if (g_Video != null) return;
-	document.pictureInPictureEnabled = false;
-//	g_Video = document.createElement('video');
-	g_Video = document.getElementById('video0');
-//	g_Video.autoplay = false;
-	g_Video.loop = loop;
-//	g_Video.type = 'video/mp4';
-//	g_Video.autoPictureInPicture = false;
-//	g_Video.disablePictureInPicture = true;
-//	g_Video.controlslist = "nodownload";
-//	g_Video.playsinline = true;
-	g_videoended = false;
-	g_Video.onseeking = (event) => {
-		g_videocanplay = false;
-	};
-	g_Video.onseeked = (event) => {
-		g_videocanplay = true;
-	};
-	g_Video.oncanplay = (event) => {
-		g_videocanplay = false;
-	};
-	g_Video.oncanplaythrough = (event) => {
-		g_videocanplay = true;
-		g_videopaused = false;
-	};
-	g_Video.onerror = function() {
-		this.onerror = null;
-		this.src = this.src;
-	};
-	g_Video.onpause = (event) => {
-		g_videopaused = true;
-	};
-	g_Video.onplay = (event) => {
-		g_videopaused = false;
-	};
-	g_Video.onended = (event) => {
-		g_videoended = true;
-	};
-	g_Video.addEventListener('loadedmetadata', () => {
-		if (typeof hel_video_on_loadedmetadata === 'function') {
-			hel_video_on_loadedmetadata()
-		}
-	})
-}
-function hel_video_play(videoSrc, videoStreaming)
-{
-	g_VideoSourceUrl = videoSrc;
-	if (videoStreaming != 0) {
-		if (typeof IVSPlayer !== 'undefined' && IVSPlayer.isPlayerSupported) {
-            hel_video_node_gain();
-		    const player = IVSPlayer.create();
-		    player.attachHTMLVideoElement(g_Video);
-		    player.load(videoSrc);
-		    player.play();
-		}
-		else if (typeof Hls !== 'undefined' && Hls.isSupported()) {
-            hel_video_node_gain();
-            // Create Hls
-            var hls = null;
-            if (g_VideoHlsConfig != null) {
-				hls = new Hls(g_VideoHlsConfig);
-			}
-			else {
-				hls = new Hls();
-			}
-			//
-			hls.loadSource(videoSrc);
-			hls.attachMedia(g_Video);
-			g_Video.play();
-		}
-		else if (g_Video.canPlayType('application/vnd.apple.mpegurl')) {
-            hel_video_node_gain();
-			g_Video.src = videoSrc;
-			g_Video.play();
-		}
-		else {
-			console.log("video streaming not supported");
-		}
-	}
-	else {
-        hel_video_node_gain();
-		g_Video.src = videoSrc;
-		g_Video.play();
-	}
-}
-function hel_video_SetHlsConfig(config)
-{
-	g_VideoHlsConfig = config;
-}
-function hel_video_node_gain()
-{
-	if (g_VideoAudioContext == null) {
-		g_VideoAudioContext = new (window.AudioContext || window.webkitAudioContext)();
-	}
-	if (g_VideoSource == null) {
-		g_VideoSource = g_VideoAudioContext.createMediaElementSource(g_Video);
-	}
-	if (g_VideoGainNode == null) {
-		g_VideoGainNode = g_VideoAudioContext.createGain();
-		g_VideoSource.connect(g_VideoGainNode);
-		g_VideoGainNode.connect(g_VideoAudioContext.destination);
-	}
-}
-function hel_video_stop()
-{
-	if (g_Video == null) return;
-	g_Video.pause();
-	g_Video = null;
-}
-function hel_video_isplay()
-{
-	if (g_Video == null) return false;
-	if (!g_Video.loop && g_videoended) return false;
-	return true;
-}
-function hel_video_playpause_toggle(pause_enable)
-{
-	if (g_Video == null) return;
-	if( pause_enable ) {
-		g_Video.pause();
-	} else {
-		g_Video.play();
-	}
-}
-function hel_video_is_paused()
-{
-	if (g_Video == null) return true;
-	return g_videopaused;
-}
-function hel_video_add_forward(seconds)
-{
-	if (g_Video == null) return;
-	g_Video.currentTime += seconds;
-}
-function hel_video_add_rewind(seconds)
-{
-	if (g_Video == null) return;
-	g_Video.currentTime -= seconds;
-}
-function hel_video_seek(seconds)
-{
-	if (g_Video == null) return;
-	g_Video.currentTime = seconds;
-}
-function hel_video_get_duration()
-{
-	if (g_Video == null) return 0;
-	return g_Video.duration;
-}
-function hel_video_set_currenttime(sliderRate)
-{
-	if (g_Video == null) return;
-	if (g_Video.duration > 0) {
-		g_Video.currentTime = sliderRate * g_Video.duration;
-	}
-}
-function hel_video_get_currenttime()
-{
-	if (g_Video == null) return 0;
-	return g_Video.currentTime;
-}
-function hel_video_get_slider_rate()
-{
-	if (g_Video == null) return 0.0;
-	var sliderRate = 0.0;
-	if (g_Video.duration > 0.0) {
-		sliderRate = g_Video.currentTime / g_Video.duration;
-	}
-	return sliderRate;
-}
-function hel_video_SetVolume(volume)
-{
-	if (g_Video == null) return;
-	if (g_VideoGainNode == null) return;
-//	g_Video.volume = volume;
-	g_VideoGainNode.gain.value = volume;
-}
-function hel_video_SetMute(mute)
-{
-	if (g_Video == null) return;
-	g_Video.muted = mute;
-}
-function hel_video_copy_video_frame_to_system(x, y, width, height)
-{
-	if (g_Video == null) return;
-	const w = (width != null) ? width : g_Video.videoWidth;
-	const h = (height != null) ? height : g_Video.videoHeight;
-	const findVideoJson = (json) => {
-		for (const item of json.items) {
-			if (item.clickablenodes != null) {
-				for (const node of item.clickablenodes) {
-					if (node.eventmap) {
-						return node;
-					}
-				}
-			}
-		}
-		return undefined;
-	}
-	fetch(g_SceneJsonPath).then((response)=>{
-		response.json().then((json)=>{
-			g_SceneJson = json;
-			const node = findVideoJson(json);
-			if (node != null) {
-				g_VideoInfo = node;
-				hel_setText(ETextParamType_CopyVideoFrameToSystem, `${x},${y},${w},${h}`);
-			} else {
-				console.error('The video info not found in the scene json file.');
-			}
-		});
-	});
-}
-function hel_video_cancel_to_copy_video_frame_to_system()
-{
-	if (g_Video == null) return;
-	hel_setText(ETextParamType_CancelToCopyVideoFrameToSystem, '');
-}
-function hel_video_set_movieviewer_ui( visible )
-{
-	//※スライダーの表示・非表示ははCPPで制御してます。
-	//※スライダーも同時に表示制御したい場合は、 heliodor_front.js の
-	//　hel_video_set_movieviewer_ui_all() を使う事。
-	//console.log("*** hel_video_set_movieviewer_ui(" + visible + ")");
-	//停止中？
-	let paused = hel_video_is_paused();
-	//--------------------------------------------
-    //movieviewer/_po.json の Toggle を設定する。
-	//(1)一旦デフォルト値にする（＝movieviewer/_po.jsonのToggle値にする）
-	hel_canvas_ResetToggleDefault("IsVisible_VideoPlayerCurrentTime");	//true
-	hel_canvas_ResetToggleDefault("IsVisible_VideoPlayerTotalTime");	//true
-	hel_canvas_ResetToggleDefault("IsVisible_hud_movie_play");			//false
-	hel_canvas_ResetToggleDefault("IsVisible_hud_movie_pause");			//true
-	hel_canvas_ResetToggleDefault("IsVisible_hud_movie_forward");		//true
-	hel_canvas_ResetToggleDefault("IsVisible_hud_movie_rewind");		//true
-	//(2)再設定
-	if( visible )  {
-		//表示させる
-		if( paused ) {
-		  //ポーズ中ならデフォルト値を反転
-		  hel_canvas_ToggleChange("IsVisible_hud_movie_play");			//false => true
-		  hel_canvas_ToggleChange("IsVisible_hud_movie_pause");			//true	=> false
-		}
-	} else {
-		//表示させない
-		hel_canvas_ToggleChange("IsVisible_VideoPlayerCurrentTime");	//true	=> false
-		hel_canvas_ToggleChange("IsVisible_VideoPlayerTotalTime");		//true	=> false
-	    hel_canvas_ToggleChange("IsVisible_hud_movie_pause");			//true	=> false
-		hel_canvas_ToggleChange("IsVisible_hud_movie_forward");			//true	=> false
-		hel_canvas_ToggleChange("IsVisible_hud_movie_rewind");			//true	=> false
-	}
-	//-----------------------------------------
-	//横画面
-	let layout_name = "movieviewer";
-	hel_canvas_SetGUIShow(layout_name, "VideoPlayerCurrentTime", visible );
-	hel_canvas_SetGUIShow(layout_name, "VideoPlayerTotalTime", visible );
-	if( paused ) {
-		hel_canvas_SetGUIShow(layout_name, "hud_movie_play",  visible );
-		hel_canvas_SetGUIShow(layout_name, "hud_movie_pause", false );
-	} else {
-		hel_canvas_SetGUIShow(layout_name, "hud_movie_play", false  );
-		hel_canvas_SetGUIShow(layout_name, "hud_movie_pause", visible );
-	}
-	hel_canvas_SetGUIShow(layout_name, "hud_movie_forward", visible );
-	hel_canvas_SetGUIShow(layout_name, "hud_movie_rewind", visible );
-	//縦画面
-	layout_name = "movieviewer_po";
-	hel_canvas_SetGUIShow(layout_name, "VideoPlayerCurrentTime", visible );
-	hel_canvas_SetGUIShow(layout_name, "VideoPlayerTotalTime", visible );
-	if( paused ) {
-		hel_canvas_SetGUIShow(layout_name, "hud_movie_play",  visible );
-		hel_canvas_SetGUIShow(layout_name, "hud_movie_pause", false );
-	} else {
-		hel_canvas_SetGUIShow(layout_name, "hud_movie_play", false  );
-		hel_canvas_SetGUIShow(layout_name, "hud_movie_pause", visible );
-	}
-	hel_canvas_SetGUIShow(layout_name, "hud_movie_forward", visible );
-	hel_canvas_SetGUIShow(layout_name, "hud_movie_rewind", visible );
-}
-// Gyro
-var g_GyroActive = false;
-function toggleGyroActiveRequest()
-{
-	if (g_GyroActive) {
-		toggleGyroActive();
-		return;
-	}
-	if (DeviceOrientationEvent &&
-		DeviceOrientationEvent.requestPermission &&
-		typeof DeviceOrientationEvent.requestPermission == 'function')
-	{
-		DeviceOrientationEvent.requestPermission().then(permissionState => {
-			if (permissionState === 'granted') {
-				toggleGyroActive();
-			}
-		}).catch (console.error);
-	}
-	else {
-		toggleGyroActive();
-	}
-}
-function toggleGyroActive()
-{
-	g_GyroActive = (g_GyroActive ? false : true);
-	Module.ccall('ActiveGyro', '', ['int'],
-		[(g_GyroActive ? 1 : 0)]);
-	return g_GyroActive;
-}
-// Texture
-function hel_texture_IsPower2Size(size)
-{
-	return ((size & (size - 1)) == 0);
-}
-// TextCanvas
-var g_TextCanvasList = [];
-function createTextCanvas(width, height)
-{
-	var index = createTextCanvasIndex();
-	var textCanvas = document.createElement('canvas');
-	g_TextCanvasList[index] = textCanvas;
-	textCanvas.style.visibility = 'hidden';
-	textCanvas.width = width;
-	textCanvas.height = height;
-	return index;
-}
-function getTextCanvas(index)
-{
-	if (index < 0 || index >= g_TextCanvasList.length) return null;
-	return g_TextCanvasList[index];
-}
-function getTextCanvasContext(index)
-{
-	var textCanvas = getTextCanvas(index);
-	if (textCanvas == null) return null;
-	return textCanvas.getContext('2d');
-}
-function clearTextCanvas(index)
-{
-	var textCanvas = getTextCanvas(index);
-	if (textCanvas == null) return;
-	var context = textCanvas.getContext('2d');
-	if (context == null) return;
-	context.clearRect(0, 0, textCanvas.width, textCanvas.height);
-}
-function createTextCanvasIndex()
-{
-	var index;
-	for (index = 0; index < g_TextCanvasList.length; index++) {
-		if (g_TextCanvasList[index] == null) return index;
-	}
-	g_TextCanvasList.push(null);
-	return g_TextCanvasList.length - 1;
-}
-function releaseTextCanvasIndex(index)
-{
-	if (index < 0 || index >= g_TextCanvasList.length) return;
-	if (g_TextCanvasList[index] == null) return;
-	g_TextCanvasList[index] = null;
-}
-//
-function hel_openPage(url)
-{
-	window.open(url, "_blank");
-}
-function hel_openLicensePage()
-{
-	hel_openPage("data/licenselist.html");
-}
-//
-function hel_gtag(name, params)
-{
-	if (typeof hel_analytics == 'function') {
-		hel_analytics('event', name, params);
-	}
-	else if (typeof gtag == 'function') {
-		gtag('event', name, params);
-	}
-}
-//
-function hel_backToTitle()
-{
-	location.reload();
-}
-//
-function hel_isChrome()
-{
-	return (window.navigator.userAgent.toLowerCase().indexOf('chrome') != -1);
-}
-function hel_isFirefox() {
-	return (window.navigator.userAgent.toLowerCase().indexOf('firefox') != -1);
-}
-function hel_isAndroid()
-{
-	return (window.navigator.userAgent.toLowerCase().indexOf('android') != -1);
-}
-function hel_isMobile()
-{
-	if (hel_isiPad()) return true;
-	var regexp = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
-	return (window.navigator.userAgent.search(regexp) !== -1);
-}
-function hel_isiPhone()
-{
-	if (hel_isiPad()) return true;
-	var regexp = /iPhone|iPod/i;
-	return (window.navigator.userAgent.search(regexp) !== -1);
-}
-function hel_isiPad()
-{
-	var agent = window.navigator.userAgent.toLowerCase();
-	var ipad = agent.indexOf('ipad') > -1 || agent.indexOf('macintosh') > -1 && 'ontouchend' in document;
-	if (ipad == true) return true;
-	return false;
-}
-function hel_isMac()
-{
-	var agent = window.navigator.userAgent.toLowerCase();
-	var mac = (agent.indexOf('macintosh') > -1);
-	if (mac == true) return true;
-	return false;
-}
-function hel_getiOSVersion()
-{
-	if (/iP(hone|od|ad)/.test(navigator.platform)) {
-		var v = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/);
-		return parseInt(v[1], 10) * 100 + parseInt(v[2], 10);
-	}
-	return 0;
-}
-function hel_isiOS14Under()
-{
-	if (!hel_isiPhone()) return false;
-	return (hel_getiOSVersion() < 1500);
-}
-//
-function hel_isLangJa()
-{
-	const browserLang = (window.navigator.languages && window.navigator.languages[0]) ||
-		window.navigator.language ||
-		window.navigator.userLanguage ||
-		window.navigator.browserLanguage;
-	switch(browserLang) {
-	case 'ja':
-	case 'ja-JP':
-		return true;
-	}
-	return false;
-}
-//
-function hel_toggleFullScreen()
-{
-	if (!document.fullscreenEnabled) return;
-	if (!document.fullscreenElement) {
-		g_MainCanvas.requestFullscreen();
-	}
-	else {
-		document.exitFullscreen();
-	}
-}
-//
-function hel_screenshot()
-{
-	g_MainCanvas.toBlob(function(blob) {
-		const a = document.createElement('a');
-		a.href = URL.createObjectURL(blob);
-		var today = new Date();
-		a.download = "" +
-			today.getFullYear() +
-			("00" + (today.getMonth() + 1)).slice(-2) +
-			("00" + today.getDate()).slice(-2) +
-			"_" +
-			("00" + today.getHours()).slice(-2) +
-			("00" + today.getMinutes()).slice(-2) +
-			("00" + today.getSeconds()).slice(-2) +
-			".png";
-		a.style.display = 'none';
-		document.body.appendChild(a);
-		a.click();
-		document.body.removeChild(a);
-	});
-}
-// Cookie
-function hel_set_cookie(name, value)
-{
-	const expires = ';Expires=Thu, 1-Jan-2030 00:00:00 GMT';
-	// Cookie needs URL-encode.
-	document.cookie = name + "=" + encodeURIComponent(value) + expires;
-}
-function hel_get_cookie(name)
-{
-	let matches = document.cookie.match(new RegExp(
-		"(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
-		));
-	return matches ? decodeURIComponent(matches[1]) : undefined;
-}
-// UID
-var g_VCUID = "";
-function hel_prepareVCUID()
-{
-	const VCUID_CookieName = "VCUID";
-	g_VCUID = hel_get_cookie(VCUID_CookieName);
-	if (g_VCUID === undefined) {
-		g_VCUID = hel_makeVCUID();
-		hel_set_cookie(VCUID_CookieName, g_VCUID);
-	}
-}
-function hel_makeVCUID()
-{
-	var Result = "1";
-	for (var n = 1; n < 10; n++) {
-		Result += String(Math.floor(Math.random() * 10));
-	}
-	return Result;
-}
-hel_prepareVCUID();
-// File Drag & Drop
-var g_hel_UploadFileImage = null;
-var g_InputFile = document.getElementById("input_file");
-function hel_beginDropFiles()
-{
-	g_MainCanvas.addEventListener('dragover', function(e) {
-        e.stopPropagation();
-        e.preventDefault();
-    }, false);
-	g_MainCanvas.addEventListener('dragleave', function(e) {
-        e.stopPropagation();
-        e.preventDefault();
-    }, false);
-	g_MainCanvas.addEventListener('drop', function(e) {
-        e.stopPropagation();
-        e.preventDefault();
-        var files = e.dataTransfer.files;
-        if (files.length <= 0) return;
-        var file = files[0];
-		Module.ccall('OnDropFilesBeginFromJS', '', ['string'],
-			[file.name]);
-        //
-        var reader = new FileReader();
-        reader.onprogress = function(evt) {
-			if (!evt.lengthComputable) return;
-			if (evt.total <= 0) return;
-			Module.ccall('OnDropFilesProgressFromJS', '', ['float'],
-				[evt.loaded / evt.total]);
-		};
-        reader.onload = function() {
-			g_hel_UploadFileImage = reader.result;
-			var ary_u8 = new Uint8Array(reader.result);
-//			console.log("onload " + file.name + " / " + ary_u8.length);
-			var data = Module._malloc(ary_u8.length);
-			Module.HEAPU8.set(ary_u8, data);
-			Module.ccall('OnDropFilesFromJS', '', ['string', 'number', 'int'],
-				[file.name, data, ary_u8.length]);
-			Module._free(data);
-		};
-        reader.readAsArrayBuffer(file);
-    }, false);
-	if (g_InputFile) {
-		g_InputFile.addEventListener('change', function(e) {
-	        e.stopPropagation();
-	        e.preventDefault();
-	        var files = this.files;
-	        if (files.length <= 0) return;
-	        var file = files[0];
-			Module.ccall('OnDropFilesBeginFromJS', '', ['string'],
-				[file.name]);
-	        //
-	        var reader = new FileReader();
-	        reader.onprogress = function(evt) {
-				if (!evt.lengthComputable) return;
-				if (evt.total <= 0) return;
-				Module.ccall('OnDropFilesProgressFromJS', '', ['float'],
-					[evt.loaded / evt.total]);
-			};
-	        reader.onload = function() {
-				g_hel_UploadFileImage = reader.result;
-				var ary_u8 = new Uint8Array(reader.result);
-	//			console.log("onload " + file.name + " / " + ary_u8.length);
-				var data = Module._malloc(ary_u8.length);
-				Module.HEAPU8.set(ary_u8, data);
-				Module.ccall('OnDropFilesFromJS', '', ['string', 'number', 'int'],
-					[file.name, data, ary_u8.length]);
-				Module._free(data);
-			};
-	        reader.readAsArrayBuffer(file);
-	    }, false);
-	}
-}
-function hel_InputFileClick()
-{
-	if (g_InputFile) {
-		g_InputFile.click();
-	}
-}
-// configurl
-const g_configurl = document.getElementById('configurl');
-const g_localText_configurl = document.getElementById('configurl-text');
-hel_set_show_TextField_configurl(false);
-function hel_set_show_TextField_configurl(show)
-{
-	if (!g_localText_configurl) return;
-	g_configurl.style.visibility = (show ? 'visible' : 'hidden');
-	g_localText_configurl.style.visibility = (show ? 'visible' : 'hidden');
-}
-function hel_resize_configurl(x, y, width, height)
-{
-	if (!g_configurl) return;
-	g_configurl.style.left = x + 'px';
-	g_configurl.style.top = y + 'px';
-	g_localText_configurl.style.width = width + 'px';
-	g_localText_configurl.style.height = height + 'px';
-}
-function hel_set_TextField_configurl(text)
-{
-	if (!g_localText_configurl) return;
-	g_localText_configurl.value = text;
-}
-function hel_set_TextField_configurl_fontSize(text)
-{
-	if (!g_localText_configurl) return;
-	g_localText_configurl.style.fontSize = text + 'px';
-}
-// username
-const g_username = document.getElementById('username');
-const g_localText_username = document.getElementById('username-text');
-hel_set_show_TextField_UserName(false);
-function hel_set_show_TextField_UserName(show)
-{
-	if (!g_localText_username) return;
-	g_username.style.visibility = (show ? 'visible' : 'hidden');
-	g_localText_username.style.visibility = (show ? 'visible' : 'hidden');
-}
-function hel_set_TextField_UserName(name)
-{
-	//console.log("*** A-END");
-	if (!g_localText_username) return;
-	//nameが 'undefined' ＝文字列で入ってる場合がある
-	if( name === 'undefined' || name === undefined ) {
-		return;
-	}
-	g_localText_username.value = name;
-	//console.log("*** A-g_localText_username(" + g_localText_username + ")");
-	//console.log("*** A-g_localText_username.value(" + g_localText_username.value + ")");
-	//console.log("*** A-name(" + name + ")");
-	//console.log("*** A-END");
-}
-function hel_post_TextField_UserName( byCookie )
-{
-	var result_uname;
-	if( Boolean(byCookie) ) {
-		var uname = hel_get_cookie('playername');
-		if( uname !== undefined ) {
-			if( uname.length > 0 ) {
-				result_uname = uname;
-			}
-		}
-	}
-	else {
-		if (g_localText_username) {
-			result_uname = g_localText_username.value;
-		}
-	}
-    if(result_uname === undefined) return;
-	//Send UserName to c++ side via SetText()
-	g_CurrentUserName = result_uname;
-	const ETextParamType_CurrentUserName = 7;
-	hel_setText(ETextParamType_CurrentUserName, g_CurrentUserName);
-}
-function hel_remove_emoji( text_context )
-{
-    const regex_conditions = /\p{Emoji_Modifier_Base}\p{Emoji_Modifier}?|\p{Emoji_Presentation}|\p{Emoji}\uFE0F/gu;
-    text_context.value = text_context.value.replaceAll(regex_conditions, '*');
-}
-function hel_set_TextField_UserName_fontSize(text)
-{
-	if (!g_localText_username) return;
-	g_localText_username.style.fontSize = text + 'px';
-}
-function hel_update_TextField_UserName()
-{
-	if (!g_localText_username) return;
-	if (typeof g_peer === 'undefined') return;
-	hel_remove_emoji(g_localText_username);
-	if (g_Skyway_MyName != g_localText_username.value ) {
-		g_Skyway_MyName = g_localText_username.value;
-		if( g_peer ) {
-			hel_skyway_receive_data("data", g_peer.id, "name:" + g_Skyway_MyName);
-		}
-		hel_set_cookie('playername', g_Skyway_MyName);
-	}
-	hel_skyway_send_myinfo();
-}
-function hel_resize_UserName(x, y, width, height)
-{
-	if (!g_username) return;
-	g_username.style.left = x + 'px';
-	g_username.style.top = y + 'px';
-	g_localText_username.style.width = width + 'px';
-	g_localText_username.style.height = height + 'px';
-}
-// For Send chat message by ENTER key when IME is off.
-function hel_send_chat_message_enterkey( event )
-{
-	if (event.keyCode == 13 && !event.isComposing) {
-		hel_skyway_send_chat_text();	// heliodor_skyway.js
-	}
-}
-// Scene
-function hel_scene_SetShowNode(ItemName, NodeName, Show)
-{
-	hel_setText(ETextParamType_SceneItem,
-		"SetShowNode," + ItemName + "," + NodeName + "," + (Show ? "1" : "0"));
-}
-function hel_scene_PlayItem(ItemName, Index)
-{
-	hel_setText(ETextParamType_SceneItem,
-		"Play," + ItemName + "," + Index);
-}
-// Player
-function hel_player_Warp(X, Y, Z, Angle)
-{
-	hel_setText(ETextParamType_WarpPlayer,
-		"" + X + "," + Y + "," + Z + "," + Angle);
-}
-function hel_player_SetMoveEnable(Flag)
-{
-	hel_setText(ETextParamType_PlayerMoveEnable, (Flag ? "1" : "0"));
-}
-// OperateCanvas
-function hel_canvas_SetLayoutShow(layoutName, show)
-{
-	hel_setText(ETextParamType_OperateCanvas,
-		"SetLayoutShow," + layoutName + "," + (show ? "true" : "false"));
-}
-function hel_canvas_SetGUIShow(layoutName, guiName, show)
-{
-	hel_setText(ETextParamType_OperateCanvas,
-		"SetGUIShow," + layoutName + "," + guiName + "," + (show ? "true" : "false"));
-}
-function hel_canvas_SetGUIText(layoutName, guiName, text)
-{
-	hel_setText(ETextParamType_OperateCanvas,
-		"SetGUIText," + layoutName + "," + guiName + "," + text);
-}
-function hel_canvas_SetGUIImage(layoutName, guiName, fileName)
-{
-	hel_setText(ETextParamType_OperateCanvas,
-		"SetGUIImage," + layoutName + "," + guiName + "," + fileName);
-}
-function hel_canvas_SetCloneLayoutShow(layoutName, show)
-{
-	hel_setText(ETextParamType_OperateCanvas,
-		"SetCloneLayoutShow," + layoutName + "," + (show ? "true" : "false"));
-}
-function hel_canvas_SetCloneGUIShow(layoutName, guiName, show)
-{
-	hel_setText(ETextParamType_OperateCanvas,
-		"SetCloneGUIShow," + layoutName + "," + guiName + "," + (show ? "true" : "false"));
-}
-function hel_canvas_SetCloneGUIText(layoutName, guiName, text)
-{
-	hel_setText(ETextParamType_OperateCanvas,
-		"SetCloneGUIText," + layoutName + "," + guiName + "," + text);
-}
-function hel_canvas_SetCloneGUIImage(layoutName, guiName, fileName)
-{
-	hel_setText(ETextParamType_OperateCanvas,
-		"SetCloneGUIImage," + layoutName + "," + guiName + "," + fileName);
-}
-// TogggleDefalutで設定された値に戻す
-function hel_canvas_ResetToggleDefault( ToggleName )
-{
-	let layoutName = "DummyLayout";		//構文ルール上必要
-	hel_setText(ETextParamType_OperateCanvas,
-		"ToggleDefault," + layoutName + "," + ToggleName );
-}
-// Togggleを切り替える
-function hel_canvas_ToggleChange( ToggleName )
-{
-	let layoutName = "DummyLayout";		//構文ルール上必要
-	hel_setText(ETextParamType_OperateCanvas,
-		"ToggleChange," + layoutName + "," + ToggleName );
-}
-// HeliScript
-function hel_script_CallComponentMethod(ItemName, ComponentName, MethodName, Param)
-{
-	hel_setText(ETextParamType_ScriptCallComponentMethod,
-		ItemName + "," + ComponentName + "," + MethodName + "," + Param);
-}
+// HeliodorSDK
+const g_HeliodorSDKVersion = "3.0";
+//
+const ETextParamType_WorldID							= 0;
+const ETextParamType_RoomID								= 1;
+const ETextParamType_SpotName							= 2;
+const ETextParamType_LocationHref						= 3;
+const ETextParamType_ShowWorldSelect					= 4;
+const ETextParamType_Logined							= 5;
+const ETextParamType_CanvasFileName						= 6;
+const ETextParamType_CurrentUserName					= 7;
+const ETextParamType_SceneItem							= 8;
+const ETextParamType_OperateCanvas						= 9;
+const ETextParamType_ReplaceMyAvatar					= 10;
+const ETextParamType_PlayVideo							= 11;
+const ETextParamType_NamePlateTextureFileName0			= 12;
+const ETextParamType_NamePlateTextureFileName1			= 13;
+const ETextParamType_NamePlateTextureFileName2			= 14;
+const ETextParamType_NamePlateMicMuteTextureFileName	= 15;
+const ETextParamType_NamePlateMicOnTextureFileName		= 16;
+const ETextParamType_NamePlateMicTalkingTextureFileName	= 17;
+const ETextParamType_SetMicState						= 18;
+const ETextParamType_OperateFunctionFlag				= 19;
+const ETextParamType_CopyVideoFrameToSystem				= 20;
+const ETextParamType_CancelToCopyVideoFrameToSystem		= 21;
+const ETextParamType_SetMicTalkingState					= 22;
+const ETextParamType_WarpPlayer							= 23;
+const ETextParamType_PlayerMoveEnable					= 24;
+const ETextParamType_PlayItem							= 25;
+const ETextParamType_StopItem							= 26;
+const ETextParamType_ShowItem							= 27;
+const ETextParamType_HideItem							= 28;
+const ETextParamType_ReplaceMyAvatarCustom				= 29;
+const ETextParamType_SceneJson                          = 30;
+const ETextParamType_ScriptCallComponentMethod			= 31;
+const ETextParamType_AvatarFileName					= 32;
+//
+var g_MainCanvas = document.getElementById('canvas');
+g_MainCanvas.width = document.documentElement.clientWidth;
+g_MainCanvas.height = document.documentElement.clientHeight;
+g_MainCanvas.onclick = function() {
+	g_MainCanvas.focus();
+};
+g_MainCanvas.oncontextmenu = function (e) {
+    e.preventDefault();
+};
+g_MainCanvas.focus();
+g_on_video_frame_capture = function(uint8Array, x, y, width, height) {
+	// default implement
+	console.log('g_on_video_frame_capture:', uint8Array, x, y, width, height);
+}
+//
+document.addEventListener('visibilitychange', function() {
+	if (document.visibilityState === 'hidden') {
+		g_hel_MixerTabActive = 0.0;
+		hel_mixer_UpdateAll();
+		// Force MicMute
+		hel_skyway_set_mic_state(false);
+		hel_canvas_SetGUIShow("HUD", "hud_voicechat_on", false);
+		hel_canvas_SetGUIShow("HUD", "hud_voicechat_mute", true);
+		hel_setText(ETextParamType_SetMicState, "0");
+		hel_canvas_ResetToggleDefault( 'voicechat' );
+	}
+	else if (document.visibilityState === 'visible') {
+		g_hel_MixerTabActive = 1.0;
+		hel_mixer_UpdateAll();
+	}
+}, false);
+//
+var g_DataFolderName = "data";
+var g_CanvasFileName = "Canvas/CanvasList.json";
+var g_CurrentUserName = "Me";		// For send UserName from javascript to c++.
+//
+var Module = {
+	canvas: (function() {
+		return g_MainCanvas;
+	})(),
+	setstate: function(text) {
+		var status = document.getElementById('status');
+		if (!status) return;
+		status.innerHTML = text;
+	},
+	addlog: function(text) {
+		var log = document.getElementById('log');
+		if (!log) return;
+		log.innerHTML += text;
+	}
+};
+//
+function hel_setCanvasFileName(canvasFileName)
+{
+	g_CanvasFileName = canvasFileName;
+}
+function hel_setAvatarFileName(avatarFileName)
+{
+	hel_setText(ETextParamType_AvatarFileName, avatarFileName);
+}
+function hel_startScene(CharaType, MultiPlay, SceneFileName)
+{
+	hel_start(0, CharaType, 0, MultiPlay, SceneFileName);
+}
+function hel_start(Type, CharaType, Param1, MultiPlay, StrParam0)
+{
+	if (g_MainCanvas.width <= 0 || g_MainCanvas.height <= 0) return;
+	const CanTouch = (window.ontouchstart !== undefined);
+	// Set Parameter
+	g_SceneJsonPath = 'data/' + StrParam0;
+	if (typeof g_Skyway_RoomID !== 'undefined') hel_setText(ETextParamType_RoomID, g_Skyway_RoomID);
+	if (typeof g_Spot !== 'undefined') hel_setText(ETextParamType_SpotName, g_Spot);
+	hel_setText(ETextParamType_LocationHref, location.href);
+	if (typeof g_ShowWorldSelect !== 'undefined') hel_setText(ETextParamType_ShowWorldSelect, (g_ShowWorldSelect ? "1" : "0"));
+	hel_setText(ETextParamType_Logined, (g_Logined ? "1" : "0"));
+	hel_setText(ETextParamType_CanvasFileName, g_CanvasFileName);
+	hel_setText(ETextParamType_CurrentUserName, g_CurrentUserName);
+	//
+	Module.ccall('Start', '',
+		['int', 'int', 'int', 'int', 'int', 'int', 'int', 'int', 'int', 'int', 'int', 'string', 'string'],
+		[Type,
+		g_MainCanvas.width,
+		g_MainCanvas.height,
+		(hel_isMobile() ? 1 : 0),
+		hel_getiOSVersion(),
+		(hel_isMac() ? 1 : 0),
+		(CanTouch ? 1 : 0),
+		(hel_isLangJa() ? 1 : 0),
+		CharaType,
+		Param1,
+		(MultiPlay ? 1 : 0),
+		StrParam0,
+		g_DataFolderName]);
+	//
+	g_MainCanvas.focus();
+	drawFrame();
+}
+//
+function hel_setText(Type, Text)
+{
+	Module.ccall('SetText', '',
+		['int', 'string'],
+		[Type, Text]);
+}
+function hel_debugOutput(Text)
+{
+	Module.ccall('DebugOutput', '',
+		['string'],
+		[Text]);
+}
+function hel_debugMemoryByteOutput(pointer, length)
+{
+	Module.ccall('DebugMemoryByteOutput', '',
+		['array', 'int'],
+		[pointer, length]);
+}
+//
+function hel_resizeWindow()
+{
+	const width = document.documentElement.clientWidth;
+	const height = document.documentElement.clientHeight;
+	if (width <= 0 || height <= 0) return;
+	g_MainCanvas.width = width;
+	g_MainCanvas.height = height;
+	if (Module.ccall !== null) {
+		Module.ccall('ResizeWindow', '', ['int', 'int'],
+			[g_MainCanvas.width, g_MainCanvas.height]);
+	}
+}
+window.onresize = hel_resizeWindow;
+document.addEventListener("fullscreenchange", ()=>{
+	hel_resizeWindow();
+});
+//
+var g_UseWebGL10 = false;
+var g_extPVRTC = null;
+var g_TextureCompression_PVRTC = false;
+var g_extETC2 = null;
+var g_TextureCompression_ETC2 = false;
+var g_extASTC = null;
+var g_TextureCompression_ASTC = false;
+var g_extDXT = null;
+var g_TextureCompression_DXT = false;
+var g_EXT_shader_texture_lod = null;
+var g_Use_EXT_shader_texture_lod = false;
+var g_EXT_color_buffer_half_float = null;
+var g_Use_EXT_color_buffer_half_float = false;
+var g_OES_texture_half_float = null;
+var g_Use_OES_texture_half_float = false;
+function initGL(majorVersion)
+{
+	if (!g_MainCanvas) {
+		console.log("canvas is null");
+		return 0;
+	}
+	if (majorVersion == 1) g_UseWebGL10 = true;
+	if (hel_isiPhone()) g_UseWebGL10 = true;
+	if (hel_isMac()) g_UseWebGL10 = true;
+	var glAttribs = {
+		alpha : 0,
+		premultipliedAlpha : 0,
+		depth : true,
+		majorVersion : majorVersion,
+		minorVersion : 0,
+		enableExtensionsByDefault: 1,
+		antialias: true
+	};
+	var webglctx = null;
+	if (!g_UseWebGL10) {
+		glAttribs.antialias = false;
+		webglctx = g_MainCanvas.getContext('webgl2', glAttribs);
+	}
+	if (!webglctx) {
+		g_UseWebGL10 = true;
+		glAttribs.majorVersion = 1;
+		let contextTypes = [ 'webgl', 'experimental-webgl' ];
+		for (let contextType of contextTypes) {
+			webglctx = g_MainCanvas.getContext(contextType, glAttribs);
+			if (webglctx) break;
+		}
+	}
+	if (!webglctx) {
+		console.log("webgl is null");
+		return 0;
+	}
+	var glctx = GL.registerContext(webglctx, glAttribs);
+	if (!glctx) {
+		console.log("glctx is null");
+		return 0;
+	}
+	GL.makeContextCurrent(glctx);
+	// TextureCompression
+	g_TextureCompression_PVRTC = hel_checkPVRTC(webglctx);
+	g_TextureCompression_ETC2 = hel_checkETC2(webglctx);
+	g_TextureCompression_ASTC = hel_checkASTC(webglctx);
+	g_TextureCompression_DXT = hel_checkDXT(webglctx);
+	// Shader Extension
+	g_Use_EXT_shader_texture_lod = hel_check_EXT_shader_texture_lod(webglctx);
+	// Texture Extension
+	g_Use_EXT_color_buffer_half_float = hel_check_EXT_color_buffer_half_float(webglctx);
+	g_Use_OES_texture_half_float = hel_check_OES_texture_half_float(webglctx);
+	return 1;
+}
+function hel_checkPVRTC(context)
+{
+	g_extPVRTC =
+		context.getExtension("WEBGL_compressed_texture_pvrtc") ||
+		context.getExtension("WEBKIT_WEBGL_compressed_texture_pvrtc");
+	if (!g_extPVRTC) return false;
+	const supportedCompressedTextureFormat = context.getParameter(
+		context.COMPRESSED_TEXTURE_FORMATS
+	);
+	if (!supportedCompressedTextureFormat) return false;
+	const supportsPVRTC_rgb = supportedCompressedTextureFormat.includes(
+		g_extPVRTC.COMPRESSED_RGB_PVRTC_4BPPV1_IMG
+	);
+	if (!supportsPVRTC_rgb) return false;
+	const supportsPVRTC_rgba = supportedCompressedTextureFormat.includes(
+		g_extPVRTC.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG
+	);
+	if (!supportsPVRTC_rgba) return false;
+	return true;
+}
+function hel_checkETC2(context)
+{
+	g_extETC2 =
+		context.getExtension("WEBGL_compressed_texture_etc") ||
+		context.getExtension("WEBKIT_WEBGL_compressed_texture_etc");
+	if (!g_extETC2) return false;
+	const supportedCompressedTextureFormat = context.getParameter(
+		context.COMPRESSED_TEXTURE_FORMATS
+	);
+	if (!supportedCompressedTextureFormat) return false;
+	const supportsETC2_rgb = supportedCompressedTextureFormat.includes(
+		g_extETC2.COMPRESSED_RGB8_ETC2
+	);
+	if (!supportsETC2_rgb) return false;
+	const supportsETC2_rgba = supportedCompressedTextureFormat.includes(
+		g_extETC2.COMPRESSED_RGBA8_ETC2_EAC
+	);
+	if (!supportsETC2_rgba) return false;
+	return true;
+}
+function hel_checkASTC(context)
+{
+	g_extASTC =
+		context.getExtension("WEBGL_compressed_texture_astc") ||
+		context.getExtension("WEBKIT_WEBGL_compressed_texture_astc");
+	if (!g_extASTC) return false;
+	const supportedCompressedTextureFormat = context.getParameter(
+		context.COMPRESSED_TEXTURE_FORMATS
+	);
+	if (!supportedCompressedTextureFormat) return false;
+	const supportsASTC_srgb = supportedCompressedTextureFormat.includes(
+		g_extASTC.COMPRESSED_SRGB8_ALPHA8_ASTC_4x4_KHR
+	);
+	if (!supportsASTC_srgb) return false;
+	return true;
+}
+function hel_checkDXT(context)
+{
+	g_extDXT =
+		context.getExtension("EXT_texture_compression_bptc");
+	if (!g_extDXT) return false;
+	const supportedCompressedTextureFormat = context.getParameter(
+		context.COMPRESSED_TEXTURE_FORMATS
+	);
+	if (!supportedCompressedTextureFormat) return false;
+	const supportsDXT_UNORM = supportedCompressedTextureFormat.includes(
+		g_extDXT.COMPRESSED_RGBA_BPTC_UNORM_EXT
+	);
+	if (!supportsDXT_UNORM) return false;
+	const supportsDXT_UNORM_SRGB = supportedCompressedTextureFormat.includes(
+		g_extDXT.COMPRESSED_SRGB_ALPHA_BPTC_UNORM_EXT
+	);
+	if (!supportsDXT_UNORM_SRGB) return false;
+	return true;
+}
+// Shader Extension
+function hel_check_EXT_shader_texture_lod(context) {
+	g_EXT_shader_texture_lod =
+		context.getExtension("EXT_shader_texture_lod");
+	if (!g_EXT_shader_texture_lod) return false;
+	return true;
+}
+// Texture Extension
+function hel_check_EXT_color_buffer_half_float(context) {
+	if (hel_isFirefox()) {
+		g_EXT_color_buffer_half_float =
+			context.getExtension("EXT_color_buffer_float");
+	} else {
+		g_EXT_color_buffer_half_float =
+			context.getExtension("EXT_color_buffer_half_float");
+    }
+	if (!g_EXT_color_buffer_half_float) return false;
+	return true;
+}
+function hel_check_OES_texture_half_float(context) {
+	g_OES_texture_half_float =
+		context.getExtension("OES_texture_half_float");
+	if (!g_OES_texture_half_float) return false;
+	return true;
+}
+function drawFrame()
+{
+	Module.ccall('DrawFrame', '', [], []);
+	window.requestAnimationFrame(drawFrame);
+}
+// Login
+var g_Logined = false;
+function hel_setLogined(logined)
+{
+	g_Logined = logined;
+}
+// Audio
+const HEL_AUDIO_TYPE_WORLD = 0;
+const HEL_AUDIO_TYPE_VOICE = 1;
+const HEL_AUDIO_TYPE_SE = 2;
+const HEL_AUDIO_TYPE_SYSTEMSE = 3;
+const HEL_AUDIO_TYPE_VIDEO = 4;
+var g_hel_MixerTabActive = 1.0;
+var g_hel_Mixer = [ 0.2, 1.0, 0.2, 0.2, 0.2 ];
+var g_hel_MixerFade = [ 1.0, 1.0, 1.0, 1.0, 1.0 ];
+var g_hel_MixerDistance = [ 1.0, 1.0, 1.0, 1.0, 1.0 ];
+var g_hel_MixerMute = [ 0, 0, 0, 0, 0 ];
+const g_hel_UseLegacyAudio = false;//hel_isiPhone();
+class CHELAudio {
+	constructor(type, volume)
+	{
+		this.type = type;
+		this.toplay = false;
+		if (g_hel_UseLegacyAudio) {
+			this.audio = new Audio();
+			this.playing = false;
+			this.playBeginTime = 0.0;
+		}
+		else {
+			this.context = new (window.AudioContext || window.webkitAudioContext)();
+			this.source = this.context.createBufferSource();
+			this.gainNode = this.context.createGain();
+			this.gainNode.gain.value = volume;
+			this.playing = false;
+			this.playBeginTime = 0.0;
+			var that = this;
+			this.source.onended = function() {
+				var buf = that.source.buffer;
+				var ended = that.source.onended;
+				that.source.stop();
+				that.source = that.context.createBufferSource();
+				that.source.onended = ended;
+				that.source.buffer = buf;
+				that.source.connect(that.gainNode);
+				that.playing = false;
+			}
+		}
+	}
+	load(fileName, toplay, loop)
+	{
+		this.toplay = toplay;
+		if (g_hel_UseLegacyAudio) {
+			this.audio.src = fileName;
+			this.audio.load();
+			var that = this;
+			if (toplay) {
+				that.play(loop);
+			}
+			this.audio.addEventListener("ended", function () {
+				that.playing = false;
+			}, false);
+		}
+		else {
+			var request = new XMLHttpRequest();
+			request.open("GET", fileName, true);
+			request.responseType = "arraybuffer";
+			var that = this;
+			request.onload = function() {
+				that.context.decodeAudioData(request.response, function (buf) {
+					that.source.buffer = buf;
+					that.source.connect(that.gainNode);
+					that.gainNode.connect(that.context.destination);
+					if (toplay != 0) {
+						that.play(loop);
+					}
+				});
+			};
+			request.send();
+		}
+	}
+	play(loop)
+	{
+		if (!this.toplay && this.isPlay()) return;
+		if (this.audio !== undefined) {
+			this.audio.loop = loop;
+			this.audio.play();
+			this.playing = true;
+		}
+		else {
+			this.source.loop = loop;
+			this.source.start(0);
+			this.playBeginTime = this.context.currentTime;
+			this.playing = true;
+		}
+		this.toplay = false;
+	}
+	stop()
+	{
+		if (!this.playing) return;
+		if (this.audio !== undefined) {
+			this.audio.pause();
+		}
+		else {
+			this.source.stop();
+		}
+		this.playing = false;
+	}
+	isPlay()
+	{
+		if (this.toplay) return 1;
+		return (this.playing ? 1 : 0);
+	}
+	getPlayTimeAudio()
+	{
+		if (!this.playing) return 0;
+		if (this.audio !== undefined) {
+			return 0;
+		}
+		else {
+			const parseTime = this.context.currentTime - this.playBeginTime;
+			return parseInt(parseTime * 1000, 10);
+		}
+	}
+	setVolume(volume)
+	{
+		if (this.audio === undefined) {
+			this.gainNode.gain.value = g_hel_MixerTabActive * volume;
+		}
+	}
+	release()
+	{
+		this.stop();
+	}
+}
+var g_audioList = [];
+function createAudio(fileName, type, play, loop, volume)
+{
+	var index = createAudioIndex();
+	var helAudio = new CHELAudio(type, volume);
+	g_audioList[index] = helAudio;
+	helAudio.load(fileName, play, loop);
+	return index;
+}
+function createAudioIndex()
+{
+	var index;
+	for (index = 0; index < g_audioList.length; index++) {
+		if (g_audioList[index] == null) return index;
+	}
+	g_audioList.push(null);
+	return g_audioList.length - 1;
+}
+function releaseAudioIndex(index)
+{
+	if (g_audioList[index] == null) return;
+	g_audioList[index].release();
+	g_audioList[index] = null;
+}
+function playAudio(index, loop)
+{
+	if (g_audioList[index] == null) return;
+	g_audioList[index].play(loop);
+}
+function stopAudio(index)
+{
+	if (g_audioList[index] == null) return;
+	g_audioList[index].stop();
+}
+function isPlayAudio(index)
+{
+	if (g_audioList[index] == null) return 0;
+	return g_audioList[index].isPlay();
+}
+function getPlayTimeAudio(index)
+{
+	if (g_audioList[index] == null) return 0;
+	return g_audioList[index].getPlayTimeAudio();
+}
+function setAudioVolume(index, realVolume)
+{
+	if (g_audioList[index] == null) return;
+	return g_audioList[index].setVolume(realVolume);
+}
+function hel_mixer_SetVolume(type, volume, fadeVolume, distanceVolume, mute)
+{
+	const realVolume = g_hel_MixerTabActive *
+		volume * fadeVolume * distanceVolume * ((mute != 0) ? 0.0 : 1.0);
+	switch (type) {
+	case HEL_AUDIO_TYPE_WORLD:
+		hel_set_cookie("mixervolume_world", volume);
+		hel_set_cookie("mixermute_world", mute);
+		break;
+	case HEL_AUDIO_TYPE_VOICE:
+		if (typeof hel_skyway_SetMixerVolume == 'function') {
+			hel_skyway_SetMixerVolume(realVolume);
+		}
+		hel_set_cookie("mixervolume_voice", volume);
+		hel_set_cookie("mixermute_voice", mute);
+		break;
+	case HEL_AUDIO_TYPE_SE:
+		hel_set_cookie("mixervolume_se", volume);
+		hel_set_cookie("mixermute_se", mute);
+		break;
+	case HEL_AUDIO_TYPE_SYSTEMSE:
+		hel_set_cookie("mixervolume_systemse", volume);
+		hel_set_cookie("mixermute_systemse", mute);
+		break;
+	case HEL_AUDIO_TYPE_VIDEO:
+		hel_video_SetVolume(realVolume);
+		hel_set_cookie("mixervolume_video", volume);
+		hel_set_cookie("mixermute_video", mute);
+		break;
+	default:
+		return;
+	}
+	g_hel_Mixer[type] = volume;
+	g_hel_MixerFade[type] = fadeVolume;
+	g_hel_MixerDistance[type] = distanceVolume;
+	g_hel_MixerMute[type] = mute;
+}
+function hel_mixer_UpdateByType(type)
+{
+	hel_mixer_SetVolume(type,
+		g_hel_Mixer[type],
+		g_hel_MixerFade[type],
+		g_hel_MixerDistance[type],
+		g_hel_MixerMute[type]);
+}
+function hel_mixer_UpdateAll()
+{
+	hel_mixer_UpdateByType(HEL_AUDIO_TYPE_VOICE);
+	hel_mixer_UpdateByType(HEL_AUDIO_TYPE_VIDEO);
+	var index;
+	for (index = 0; index < g_audioList.length; index++) {
+		if (g_audioList[index] == null) continue;
+		var type = g_audioList[index].type;
+		const realVolume =
+			g_hel_Mixer[type] *
+			g_hel_MixerFade[type] *
+			g_hel_MixerDistance[type] *
+			((g_hel_MixerMute[type] != 0) ? 0.0 : 1.0);
+		g_audioList[index].setVolume(realVolume);
+	}
+}
+function hel_mixer_LoadCookie_Volume()
+{
+	var VolumeWorld = hel_get_cookie("mixervolume_world");
+	if (VolumeWorld !== undefined) {
+		g_hel_Mixer[HEL_AUDIO_TYPE_WORLD] = VolumeWorld;
+	}
+	var VolumeVoice = hel_get_cookie("mixervolume_voice");
+	if (VolumeVoice !== undefined) {
+		g_hel_Mixer[HEL_AUDIO_TYPE_VOICE] = VolumeVoice;
+	}
+	var VolumeSE = hel_get_cookie("mixervolume_se");
+	if (VolumeSE !== undefined) {
+		g_hel_Mixer[HEL_AUDIO_TYPE_SE] = VolumeSE;
+	}
+	var VolumeSystemSE = hel_get_cookie("mixervolume_systemse");
+	if (VolumeSystemSE !== undefined) {
+		g_hel_Mixer[HEL_AUDIO_TYPE_SYSTEMSE] = VolumeSystemSE;
+	}
+	var VolumeVideo = hel_get_cookie("mixervolume_video");
+	if (VolumeVideo !== undefined) {
+		g_hel_Mixer[HEL_AUDIO_TYPE_VIDEO] = VolumeVideo;
+	}
+}
+function hel_mixer_LoadCookie_Mute()
+{
+	var MuteWorld = hel_get_cookie("mixermute_world");
+	if (MuteWorld !== undefined) {
+		g_hel_MixerMute[HEL_AUDIO_TYPE_WORLD] = MuteWorld;
+	}
+	var MuteVoice = hel_get_cookie("mixermute_voice");
+	if (MuteVoice !== undefined) {
+		g_hel_MixerMute[HEL_AUDIO_TYPE_VOICE] = MuteVoice;
+	}
+	var MuteSE = hel_get_cookie("mixermute_se");
+	if (MuteSE !== undefined) {
+		g_hel_MixerMute[HEL_AUDIO_TYPE_SE] = MuteSE;
+	}
+	var MuteSystemSE = hel_get_cookie("mixermute_systemse");
+	if (MuteSystemSE !== undefined) {
+		g_hel_MixerMute[HEL_AUDIO_TYPE_SYSTEMSE] = MuteSystemSE;
+	}
+	var MuteVideo = hel_get_cookie("mixermute_video");
+	if (MuteVideo !== undefined) {
+		g_hel_MixerMute[HEL_AUDIO_TYPE_VIDEO] = MuteVideo;
+	}
+}
+function hel_mixer_LoadCookie()
+{
+	hel_mixer_LoadCookie_Volume();
+	hel_mixer_LoadCookie_Mute();
+}
+hel_mixer_LoadCookie();
+function hel_mixer_GetVolume(type)
+{
+	return parseFloat(g_hel_Mixer[type]);
+}
+function hel_mixer_IsMute(type)
+{
+	return g_hel_MixerMute[type];
+}
+// Video
+var g_Video = null;
+var g_videocanplay = false;
+var g_videopaused = false;
+var g_videoended = false;
+var g_VideoAudioContext = null;
+var g_VideoSource = null;
+var g_VideoGainNode = null;
+var g_VideoHlsConfig = null;
+function hel_video_Prepare(loop)
+{
+	if (g_Video != null) return;
+	document.pictureInPictureEnabled = false;
+//	g_Video = document.createElement('video');
+	g_Video = document.getElementById('video0');
+//	g_Video.autoplay = false;
+	g_Video.loop = loop;
+//	g_Video.type = 'video/mp4';
+//	g_Video.autoPictureInPicture = false;
+//	g_Video.disablePictureInPicture = true;
+//	g_Video.controlslist = "nodownload";
+//	g_Video.playsinline = true;
+	g_videoended = false;
+	g_Video.onseeking = (event) => {
+		g_videocanplay = false;
+	};
+	g_Video.onseeked = (event) => {
+		g_videocanplay = true;
+	};
+	g_Video.oncanplay = (event) => {
+		g_videocanplay = false;
+	};
+	g_Video.oncanplaythrough = (event) => {
+		g_videocanplay = true;
+		g_videopaused = false;
+	};
+	g_Video.onerror = function() {
+		this.onerror = null;
+		this.src = this.src;
+	};
+	g_Video.onpause = (event) => {
+		g_videopaused = true;
+	};
+	g_Video.onplay = (event) => {
+		g_videopaused = false;
+	};
+	g_Video.onended = (event) => {
+		g_videoended = true;
+	};
+	g_Video.addEventListener('loadedmetadata', () => {
+		if (typeof hel_video_on_loadedmetadata === 'function') {
+			hel_video_on_loadedmetadata()
+		}
+	})
+}
+function hel_video_play(videoSrc, videoStreaming)
+{
+	g_VideoSourceUrl = videoSrc;
+	if (videoStreaming != 0) {
+		if (typeof IVSPlayer !== 'undefined' && IVSPlayer.isPlayerSupported) {
+            hel_video_node_gain();
+		    const player = IVSPlayer.create();
+		    player.attachHTMLVideoElement(g_Video);
+		    player.load(videoSrc);
+		    player.play();
+		}
+		else if (typeof Hls !== 'undefined' && Hls.isSupported()) {
+            hel_video_node_gain();
+            // Create Hls
+            var hls = null;
+            if (g_VideoHlsConfig != null) {
+				hls = new Hls(g_VideoHlsConfig);
+			}
+			else {
+				hls = new Hls();
+			}
+			//
+			hls.loadSource(videoSrc);
+			hls.attachMedia(g_Video);
+			g_Video.play();
+		}
+		else if (g_Video.canPlayType('application/vnd.apple.mpegurl')) {
+            hel_video_node_gain();
+			g_Video.src = videoSrc;
+			g_Video.play();
+		}
+		else {
+			console.log("video streaming not supported");
+		}
+	}
+	else {
+        hel_video_node_gain();
+		g_Video.src = videoSrc;
+		g_Video.play();
+	}
+}
+function hel_video_SetHlsConfig(config)
+{
+	g_VideoHlsConfig = config;
+}
+function hel_video_node_gain()
+{
+	if (g_VideoAudioContext == null) {
+		g_VideoAudioContext = new (window.AudioContext || window.webkitAudioContext)();
+	}
+	if (g_VideoSource == null) {
+		g_VideoSource = g_VideoAudioContext.createMediaElementSource(g_Video);
+	}
+	if (g_VideoGainNode == null) {
+		g_VideoGainNode = g_VideoAudioContext.createGain();
+		g_VideoSource.connect(g_VideoGainNode);
+		g_VideoGainNode.connect(g_VideoAudioContext.destination);
+	}
+}
+function hel_video_stop()
+{
+	if (g_Video == null) return;
+	g_Video.pause();
+	g_Video = null;
+}
+function hel_video_isplay()
+{
+	if (g_Video == null) return false;
+	if (!g_Video.loop && g_videoended) return false;
+	return true;
+}
+function hel_video_playpause_toggle(pause_enable)
+{
+	if (g_Video == null) return;
+	if( pause_enable ) {
+		g_Video.pause();
+	} else {
+		g_Video.play();
+	}
+}
+function hel_video_is_paused()
+{
+	if (g_Video == null) return true;
+	return g_videopaused;
+}
+function hel_video_add_forward(seconds)
+{
+	if (g_Video == null) return;
+	g_Video.currentTime += seconds;
+}
+function hel_video_add_rewind(seconds)
+{
+	if (g_Video == null) return;
+	g_Video.currentTime -= seconds;
+}
+function hel_video_seek(seconds)
+{
+	if (g_Video == null) return;
+	g_Video.currentTime = seconds;
+}
+function hel_video_get_duration()
+{
+	if (g_Video == null) return 0;
+	return g_Video.duration;
+}
+function hel_video_set_currenttime(sliderRate)
+{
+	if (g_Video == null) return;
+	if (g_Video.duration > 0) {
+		g_Video.currentTime = sliderRate * g_Video.duration;
+	}
+}
+function hel_video_get_currenttime()
+{
+	if (g_Video == null) return 0;
+	return g_Video.currentTime;
+}
+function hel_video_get_slider_rate()
+{
+	if (g_Video == null) return 0.0;
+	var sliderRate = 0.0;
+	if (g_Video.duration > 0.0) {
+		sliderRate = g_Video.currentTime / g_Video.duration;
+	}
+	return sliderRate;
+}
+function hel_video_SetVolume(volume)
+{
+	if (g_Video == null) return;
+	if (g_VideoGainNode == null) return;
+//	g_Video.volume = volume;
+	g_VideoGainNode.gain.value = volume;
+}
+function hel_video_SetMute(mute)
+{
+	if (g_Video == null) return;
+	g_Video.muted = mute;
+}
+function hel_video_copy_video_frame_to_system(x, y, width, height)
+{
+	if (g_Video == null) return;
+	const w = (width != null) ? width : g_Video.videoWidth;
+	const h = (height != null) ? height : g_Video.videoHeight;
+	const findVideoJson = (json) => {
+		for (const item of json.items) {
+			if (item.clickablenodes != null) {
+				for (const node of item.clickablenodes) {
+					if (node.eventmap) {
+						return node;
+					}
+				}
+			}
+		}
+		return undefined;
+	}
+	fetch(g_SceneJsonPath).then((response)=>{
+		response.json().then((json)=>{
+			g_SceneJson = json;
+			const node = findVideoJson(json);
+			if (node != null) {
+				g_VideoInfo = node;
+				hel_setText(ETextParamType_CopyVideoFrameToSystem, `${x},${y},${w},${h}`);
+			} else {
+				console.error('The video info not found in the scene json file.');
+			}
+		});
+	});
+}
+function hel_video_cancel_to_copy_video_frame_to_system()
+{
+	if (g_Video == null) return;
+	hel_setText(ETextParamType_CancelToCopyVideoFrameToSystem, '');
+}
+function hel_video_set_movieviewer_ui( visible )
+{
+	//※スライダーの表示・非表示ははCPPで制御してます。
+	//※スライダーも同時に表示制御したい場合は、 heliodor_front.js の
+	//　hel_video_set_movieviewer_ui_all() を使う事。
+	//console.log("*** hel_video_set_movieviewer_ui(" + visible + ")");
+	//停止中？
+	let paused = hel_video_is_paused();
+	//--------------------------------------------
+    //movieviewer/_po.json の Toggle を設定する。
+	//(1)一旦デフォルト値にする（＝movieviewer/_po.jsonのToggle値にする）
+	hel_canvas_ResetToggleDefault("IsVisible_VideoPlayerCurrentTime");	//true
+	hel_canvas_ResetToggleDefault("IsVisible_VideoPlayerTotalTime");	//true
+	hel_canvas_ResetToggleDefault("IsVisible_hud_movie_play");			//false
+	hel_canvas_ResetToggleDefault("IsVisible_hud_movie_pause");			//true
+	hel_canvas_ResetToggleDefault("IsVisible_hud_movie_forward");		//true
+	hel_canvas_ResetToggleDefault("IsVisible_hud_movie_rewind");		//true
+	//(2)再設定
+	if( visible )  {
+		//表示させる
+		if( paused ) {
+		  //ポーズ中ならデフォルト値を反転
+		  hel_canvas_ToggleChange("IsVisible_hud_movie_play");			//false => true
+		  hel_canvas_ToggleChange("IsVisible_hud_movie_pause");			//true	=> false
+		}
+	} else {
+		//表示させない
+		hel_canvas_ToggleChange("IsVisible_VideoPlayerCurrentTime");	//true	=> false
+		hel_canvas_ToggleChange("IsVisible_VideoPlayerTotalTime");		//true	=> false
+	    hel_canvas_ToggleChange("IsVisible_hud_movie_pause");			//true	=> false
+		hel_canvas_ToggleChange("IsVisible_hud_movie_forward");			//true	=> false
+		hel_canvas_ToggleChange("IsVisible_hud_movie_rewind");			//true	=> false
+	}
+	//-----------------------------------------
+	//横画面
+	let layout_name = "movieviewer";
+	hel_canvas_SetGUIShow(layout_name, "VideoPlayerCurrentTime", visible );
+	hel_canvas_SetGUIShow(layout_name, "VideoPlayerTotalTime", visible );
+	if( paused ) {
+		hel_canvas_SetGUIShow(layout_name, "hud_movie_play",  visible );
+		hel_canvas_SetGUIShow(layout_name, "hud_movie_pause", false );
+	} else {
+		hel_canvas_SetGUIShow(layout_name, "hud_movie_play", false  );
+		hel_canvas_SetGUIShow(layout_name, "hud_movie_pause", visible );
+	}
+	hel_canvas_SetGUIShow(layout_name, "hud_movie_forward", visible );
+	hel_canvas_SetGUIShow(layout_name, "hud_movie_rewind", visible );
+	//縦画面
+	layout_name = "movieviewer_po";
+	hel_canvas_SetGUIShow(layout_name, "VideoPlayerCurrentTime", visible );
+	hel_canvas_SetGUIShow(layout_name, "VideoPlayerTotalTime", visible );
+	if( paused ) {
+		hel_canvas_SetGUIShow(layout_name, "hud_movie_play",  visible );
+		hel_canvas_SetGUIShow(layout_name, "hud_movie_pause", false );
+	} else {
+		hel_canvas_SetGUIShow(layout_name, "hud_movie_play", false  );
+		hel_canvas_SetGUIShow(layout_name, "hud_movie_pause", visible );
+	}
+	hel_canvas_SetGUIShow(layout_name, "hud_movie_forward", visible );
+	hel_canvas_SetGUIShow(layout_name, "hud_movie_rewind", visible );
+}
+// Gyro
+var g_GyroActive = false;
+function toggleGyroActiveRequest()
+{
+	if (g_GyroActive) {
+		toggleGyroActive();
+		return;
+	}
+	if (DeviceOrientationEvent &&
+		DeviceOrientationEvent.requestPermission &&
+		typeof DeviceOrientationEvent.requestPermission == 'function')
+	{
+		DeviceOrientationEvent.requestPermission().then(permissionState => {
+			if (permissionState === 'granted') {
+				toggleGyroActive();
+			}
+		}).catch (console.error);
+	}
+	else {
+		toggleGyroActive();
+	}
+}
+function toggleGyroActive()
+{
+	g_GyroActive = (g_GyroActive ? false : true);
+	Module.ccall('ActiveGyro', '', ['int'],
+		[(g_GyroActive ? 1 : 0)]);
+	return g_GyroActive;
+}
+// Texture
+function hel_texture_IsPower2Size(size)
+{
+	return ((size & (size - 1)) == 0);
+}
+// TextCanvas
+var g_TextCanvasList = [];
+function createTextCanvas(width, height)
+{
+	var index = createTextCanvasIndex();
+	var textCanvas = document.createElement('canvas');
+	g_TextCanvasList[index] = textCanvas;
+	textCanvas.style.visibility = 'hidden';
+	textCanvas.width = width;
+	textCanvas.height = height;
+	return index;
+}
+function getTextCanvas(index)
+{
+	if (index < 0 || index >= g_TextCanvasList.length) return null;
+	return g_TextCanvasList[index];
+}
+function getTextCanvasContext(index)
+{
+	var textCanvas = getTextCanvas(index);
+	if (textCanvas == null) return null;
+	return textCanvas.getContext('2d');
+}
+function clearTextCanvas(index)
+{
+	var textCanvas = getTextCanvas(index);
+	if (textCanvas == null) return;
+	var context = textCanvas.getContext('2d');
+	if (context == null) return;
+	context.clearRect(0, 0, textCanvas.width, textCanvas.height);
+}
+function createTextCanvasIndex()
+{
+	var index;
+	for (index = 0; index < g_TextCanvasList.length; index++) {
+		if (g_TextCanvasList[index] == null) return index;
+	}
+	g_TextCanvasList.push(null);
+	return g_TextCanvasList.length - 1;
+}
+function releaseTextCanvasIndex(index)
+{
+	if (index < 0 || index >= g_TextCanvasList.length) return;
+	if (g_TextCanvasList[index] == null) return;
+	g_TextCanvasList[index] = null;
+}
+//
+function hel_openPage(url)
+{
+	window.open(url, "_blank");
+}
+function hel_openLicensePage()
+{
+	hel_openPage("data/licenselist.html");
+}
+//
+function hel_gtag(name, params)
+{
+	if (typeof hel_analytics == 'function') {
+		hel_analytics('event', name, params);
+	}
+	else if (typeof gtag == 'function') {
+		gtag('event', name, params);
+	}
+}
+//
+function hel_backToTitle()
+{
+	location.reload();
+}
+//
+function hel_isChrome()
+{
+	return (window.navigator.userAgent.toLowerCase().indexOf('chrome') != -1);
+}
+function hel_isFirefox() {
+	return (window.navigator.userAgent.toLowerCase().indexOf('firefox') != -1);
+}
+function hel_isAndroid()
+{
+	return (window.navigator.userAgent.toLowerCase().indexOf('android') != -1);
+}
+function hel_isMobile()
+{
+	if (hel_isiPad()) return true;
+	var regexp = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
+	return (window.navigator.userAgent.search(regexp) !== -1);
+}
+function hel_isiPhone()
+{
+	if (hel_isiPad()) return true;
+	var regexp = /iPhone|iPod/i;
+	return (window.navigator.userAgent.search(regexp) !== -1);
+}
+function hel_isiPad()
+{
+	var agent = window.navigator.userAgent.toLowerCase();
+	var ipad = agent.indexOf('ipad') > -1 || agent.indexOf('macintosh') > -1 && 'ontouchend' in document;
+	if (ipad == true) return true;
+	return false;
+}
+function hel_isMac()
+{
+	var agent = window.navigator.userAgent.toLowerCase();
+	var mac = (agent.indexOf('macintosh') > -1);
+	if (mac == true) return true;
+	return false;
+}
+function hel_getiOSVersion()
+{
+	if (/iP(hone|od|ad)/.test(navigator.platform)) {
+		var v = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/);
+		return parseInt(v[1], 10) * 100 + parseInt(v[2], 10);
+	}
+	return 0;
+}
+function hel_isiOS14Under()
+{
+	if (!hel_isiPhone()) return false;
+	return (hel_getiOSVersion() < 1500);
+}
+//
+function hel_isLangJa()
+{
+	const browserLang = (window.navigator.languages && window.navigator.languages[0]) ||
+		window.navigator.language ||
+		window.navigator.userLanguage ||
+		window.navigator.browserLanguage;
+	switch(browserLang) {
+	case 'ja':
+	case 'ja-JP':
+		return true;
+	}
+	return false;
+}
+//
+function hel_toggleFullScreen()
+{
+	if (!document.fullscreenEnabled) return;
+	if (!document.fullscreenElement) {
+		g_MainCanvas.requestFullscreen();
+	}
+	else {
+		document.exitFullscreen();
+	}
+}
+//
+function hel_screenshot()
+{
+	g_MainCanvas.toBlob(function(blob) {
+		const a = document.createElement('a');
+		a.href = URL.createObjectURL(blob);
+		var today = new Date();
+		a.download = "" +
+			today.getFullYear() +
+			("00" + (today.getMonth() + 1)).slice(-2) +
+			("00" + today.getDate()).slice(-2) +
+			"_" +
+			("00" + today.getHours()).slice(-2) +
+			("00" + today.getMinutes()).slice(-2) +
+			("00" + today.getSeconds()).slice(-2) +
+			".png";
+		a.style.display = 'none';
+		document.body.appendChild(a);
+		a.click();
+		document.body.removeChild(a);
+	});
+}
+// Cookie
+function hel_set_cookie(name, value)
+{
+	const expires = ';Expires=Thu, 1-Jan-2030 00:00:00 GMT';
+	// Cookie needs URL-encode.
+	document.cookie = name + "=" + encodeURIComponent(value) + expires;
+}
+function hel_get_cookie(name)
+{
+	let matches = document.cookie.match(new RegExp(
+		"(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
+		));
+	return matches ? decodeURIComponent(matches[1]) : undefined;
+}
+// UID
+var g_VCUID = "";
+function hel_prepareVCUID()
+{
+	const VCUID_CookieName = "VCUID";
+	g_VCUID = hel_get_cookie(VCUID_CookieName);
+	if (g_VCUID === undefined) {
+		g_VCUID = hel_makeVCUID();
+		hel_set_cookie(VCUID_CookieName, g_VCUID);
+	}
+}
+function hel_makeVCUID()
+{
+	var Result = "1";
+	for (var n = 1; n < 10; n++) {
+		Result += String(Math.floor(Math.random() * 10));
+	}
+	return Result;
+}
+hel_prepareVCUID();
+// File Drag & Drop
+var g_hel_UploadFileImage = null;
+var g_InputFile = document.getElementById("input_file");
+function hel_beginDropFiles()
+{
+	g_MainCanvas.addEventListener('dragover', function(e) {
+        e.stopPropagation();
+        e.preventDefault();
+    }, false);
+	g_MainCanvas.addEventListener('dragleave', function(e) {
+        e.stopPropagation();
+        e.preventDefault();
+    }, false);
+	g_MainCanvas.addEventListener('drop', function(e) {
+        e.stopPropagation();
+        e.preventDefault();
+        var files = e.dataTransfer.files;
+        if (files.length <= 0) return;
+        var file = files[0];
+		Module.ccall('OnDropFilesBeginFromJS', '', ['string'],
+			[file.name]);
+        //
+        var reader = new FileReader();
+        reader.onprogress = function(evt) {
+			if (!evt.lengthComputable) return;
+			if (evt.total <= 0) return;
+			Module.ccall('OnDropFilesProgressFromJS', '', ['float'],
+				[evt.loaded / evt.total]);
+		};
+        reader.onload = function() {
+			g_hel_UploadFileImage = reader.result;
+			var ary_u8 = new Uint8Array(reader.result);
+//			console.log("onload " + file.name + " / " + ary_u8.length);
+			var data = Module._malloc(ary_u8.length);
+			Module.HEAPU8.set(ary_u8, data);
+			Module.ccall('OnDropFilesFromJS', '', ['string', 'number', 'int'],
+				[file.name, data, ary_u8.length]);
+			Module._free(data);
+		};
+        reader.readAsArrayBuffer(file);
+    }, false);
+	if (g_InputFile) {
+		g_InputFile.addEventListener('change', function(e) {
+	        e.stopPropagation();
+	        e.preventDefault();
+	        var files = this.files;
+	        if (files.length <= 0) return;
+	        var file = files[0];
+			Module.ccall('OnDropFilesBeginFromJS', '', ['string'],
+				[file.name]);
+	        //
+	        var reader = new FileReader();
+	        reader.onprogress = function(evt) {
+				if (!evt.lengthComputable) return;
+				if (evt.total <= 0) return;
+				Module.ccall('OnDropFilesProgressFromJS', '', ['float'],
+					[evt.loaded / evt.total]);
+			};
+	        reader.onload = function() {
+				g_hel_UploadFileImage = reader.result;
+				var ary_u8 = new Uint8Array(reader.result);
+	//			console.log("onload " + file.name + " / " + ary_u8.length);
+				var data = Module._malloc(ary_u8.length);
+				Module.HEAPU8.set(ary_u8, data);
+				Module.ccall('OnDropFilesFromJS', '', ['string', 'number', 'int'],
+					[file.name, data, ary_u8.length]);
+				Module._free(data);
+			};
+	        reader.readAsArrayBuffer(file);
+	    }, false);
+	}
+}
+function hel_InputFileClick()
+{
+	if (g_InputFile) {
+		g_InputFile.click();
+	}
+}
+// configurl
+const g_configurl = document.getElementById('configurl');
+const g_localText_configurl = document.getElementById('configurl-text');
+hel_set_show_TextField_configurl(false);
+function hel_set_show_TextField_configurl(show)
+{
+	if (!g_localText_configurl) return;
+	g_configurl.style.visibility = (show ? 'visible' : 'hidden');
+	g_localText_configurl.style.visibility = (show ? 'visible' : 'hidden');
+}
+function hel_resize_configurl(x, y, width, height)
+{
+	if (!g_configurl) return;
+	g_configurl.style.left = x + 'px';
+	g_configurl.style.top = y + 'px';
+	g_localText_configurl.style.width = width + 'px';
+	g_localText_configurl.style.height = height + 'px';
+}
+function hel_set_TextField_configurl(text)
+{
+	if (!g_localText_configurl) return;
+	g_localText_configurl.value = text;
+}
+function hel_set_TextField_configurl_fontSize(text)
+{
+	if (!g_localText_configurl) return;
+	g_localText_configurl.style.fontSize = text + 'px';
+}
+// username
+const g_username = document.getElementById('username');
+const g_localText_username = document.getElementById('username-text');
+hel_set_show_TextField_UserName(false);
+function hel_set_show_TextField_UserName(show)
+{
+	if (!g_localText_username) return;
+	g_username.style.visibility = (show ? 'visible' : 'hidden');
+	g_localText_username.style.visibility = (show ? 'visible' : 'hidden');
+}
+function hel_set_TextField_UserName(name)
+{
+	//console.log("*** A-END");
+	if (!g_localText_username) return;
+	//nameが 'undefined' ＝文字列で入ってる場合がある
+	if( name === 'undefined' || name === undefined ) {
+		return;
+	}
+	g_localText_username.value = name;
+	//console.log("*** A-g_localText_username(" + g_localText_username + ")");
+	//console.log("*** A-g_localText_username.value(" + g_localText_username.value + ")");
+	//console.log("*** A-name(" + name + ")");
+	//console.log("*** A-END");
+}
+function hel_post_TextField_UserName( byCookie )
+{
+	var result_uname;
+	if( Boolean(byCookie) ) {
+		var uname = hel_get_cookie('playername');
+		if( uname !== undefined ) {
+			if( uname.length > 0 ) {
+				result_uname = uname;
+			}
+		}
+	}
+	else {
+		if (g_localText_username) {
+			result_uname = g_localText_username.value;
+		}
+	}
+    if(result_uname === undefined) return;
+	//Send UserName to c++ side via SetText()
+	g_CurrentUserName = result_uname;
+	const ETextParamType_CurrentUserName = 7;
+	hel_setText(ETextParamType_CurrentUserName, g_CurrentUserName);
+}
+function hel_remove_emoji( text_context )
+{
+    const regex_conditions = /\p{Emoji_Modifier_Base}\p{Emoji_Modifier}?|\p{Emoji_Presentation}|\p{Emoji}\uFE0F/gu;
+    text_context.value = text_context.value.replaceAll(regex_conditions, '*');
+}
+function hel_set_TextField_UserName_fontSize(text)
+{
+	if (!g_localText_username) return;
+	g_localText_username.style.fontSize = text + 'px';
+}
+function hel_update_TextField_UserName()
+{
+	if (!g_localText_username) return;
+	if (typeof g_peer === 'undefined') return;
+	hel_remove_emoji(g_localText_username);
+	if (g_Skyway_MyName != g_localText_username.value ) {
+		g_Skyway_MyName = g_localText_username.value;
+		if( g_peer ) {
+			hel_skyway_receive_data("data", g_peer.id, "name:" + g_Skyway_MyName);
+		}
+		hel_set_cookie('playername', g_Skyway_MyName);
+	}
+	hel_skyway_send_myinfo();
+}
+function hel_resize_UserName(x, y, width, height)
+{
+	if (!g_username) return;
+	g_username.style.left = x + 'px';
+	g_username.style.top = y + 'px';
+	g_localText_username.style.width = width + 'px';
+	g_localText_username.style.height = height + 'px';
+}
+// For Send chat message by ENTER key when IME is off.
+function hel_send_chat_message_enterkey( event )
+{
+	if (event.keyCode == 13 && !event.isComposing) {
+		hel_skyway_send_chat_text();	// heliodor_skyway.js
+	}
+}
+// Scene
+function hel_scene_SetShowNode(ItemName, NodeName, Show)
+{
+	hel_setText(ETextParamType_SceneItem,
+		"SetShowNode," + ItemName + "," + NodeName + "," + (Show ? "1" : "0"));
+}
+function hel_scene_PlayItem(ItemName, Index)
+{
+	hel_setText(ETextParamType_SceneItem,
+		"Play," + ItemName + "," + Index);
+}
+// Player
+function hel_player_Warp(X, Y, Z, Angle)
+{
+	hel_setText(ETextParamType_WarpPlayer,
+		"" + X + "," + Y + "," + Z + "," + Angle);
+}
+function hel_player_SetMoveEnable(Flag)
+{
+	hel_setText(ETextParamType_PlayerMoveEnable, (Flag ? "1" : "0"));
+}
+// OperateCanvas
+function hel_canvas_SetLayoutShow(layoutName, show)
+{
+	hel_setText(ETextParamType_OperateCanvas,
+		"SetLayoutShow," + layoutName + "," + (show ? "true" : "false"));
+}
+function hel_canvas_SetGUIShow(layoutName, guiName, show)
+{
+	hel_setText(ETextParamType_OperateCanvas,
+		"SetGUIShow," + layoutName + "," + guiName + "," + (show ? "true" : "false"));
+}
+function hel_canvas_SetGUIText(layoutName, guiName, text)
+{
+	hel_setText(ETextParamType_OperateCanvas,
+		"SetGUIText," + layoutName + "," + guiName + "," + text);
+}
+function hel_canvas_SetGUIImage(layoutName, guiName, fileName)
+{
+	hel_setText(ETextParamType_OperateCanvas,
+		"SetGUIImage," + layoutName + "," + guiName + "," + fileName);
+}
+function hel_canvas_SetCloneLayoutShow(layoutName, show)
+{
+	hel_setText(ETextParamType_OperateCanvas,
+		"SetCloneLayoutShow," + layoutName + "," + (show ? "true" : "false"));
+}
+function hel_canvas_SetCloneGUIShow(layoutName, guiName, show)
+{
+	hel_setText(ETextParamType_OperateCanvas,
+		"SetCloneGUIShow," + layoutName + "," + guiName + "," + (show ? "true" : "false"));
+}
+function hel_canvas_SetCloneGUIText(layoutName, guiName, text)
+{
+	hel_setText(ETextParamType_OperateCanvas,
+		"SetCloneGUIText," + layoutName + "," + guiName + "," + text);
+}
+function hel_canvas_SetCloneGUIImage(layoutName, guiName, fileName)
+{
+	hel_setText(ETextParamType_OperateCanvas,
+		"SetCloneGUIImage," + layoutName + "," + guiName + "," + fileName);
+}
+// TogggleDefalutで設定された値に戻す
+function hel_canvas_ResetToggleDefault( ToggleName )
+{
+	let layoutName = "DummyLayout";		//構文ルール上必要
+	hel_setText(ETextParamType_OperateCanvas,
+		"ToggleDefault," + layoutName + "," + ToggleName );
+}
+// Togggleを切り替える
+function hel_canvas_ToggleChange( ToggleName )
+{
+	let layoutName = "DummyLayout";		//構文ルール上必要
+	hel_setText(ETextParamType_OperateCanvas,
+		"ToggleChange," + layoutName + "," + ToggleName );
+}
+// HeliScript
+function hel_script_CallComponentMethod(ItemName, ComponentName, MethodName, Param)
+{
+	hel_setText(ETextParamType_ScriptCallComponentMethod,
+		ItemName + "," + ComponentName + "," + MethodName + "," + Param);
+}