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

com.hikky.vketcloudsdk 3.2.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 (1891) hide show

package/PackageResources/project~/heliodor_out.js ADDED Viewed

@@ -0,0 +1,100 @@
+const StartButtonList = [];
+for (var n = 0; n < 4; n++) {
+	StartButtonList.push(document.getElementById('startbutton' + n));
+}
+const roomidtext = document.getElementById('roomidtext');
+var g_WorldID = "";
+var g_RoomID = "";
+function updateWorldID()
+{
+	g_WorldID = document.getElementById('worldselect').value;
+	console.log("WorldID : " + g_WorldID);
+}
+//
+function hel_skyway_start(MultiPlay)
+{
+	updateWorldID();
+	//
+	location.href = "./main.html?" +
+		"worldid=" + g_WorldID +
+		"&roomid=" + g_RoomID +
+		"&multi=" + (MultiPlay ? 1 : 0);
+}
+StartButtonList[0].onclick = function()
+{
+	updateWorldID();
+	// 空いているルームIDを取得
+	getRandomRoom(g_WorldID, {
+		done: function(responce) {
+			var room_id = responce.data.room_id;
+			console.log("getRandomRoom " + responce.data.room_id);
+			g_RoomID = room_id;
+			roomidtext.value = room_id;
+			StartButtonList[2].disabled = false;
+		},
+		error: function() {
+			console.log("getRandomRoom error");
+		}
+		});
+};
+StartButtonList[1].onclick = function()
+{
+	updateWorldID();
+	// 新規にルームIDを作成
+	createNewRoom(g_WorldID, {
+		done: function(responce) {
+			var room_id = responce.data.room_id;
+			console.log("createNewRoom " + responce.data.room_id);
+			g_RoomID = room_id;
+			roomidtext.value = room_id;
+			StartButtonList[2].disabled = false;
+		},
+		error: function() {
+			console.log("createNewRoom error");
+		}
+		});
+};
+StartButtonList[2].onclick = function() {
+	// 開始
+	hel_skyway_start(true);
+};
+StartButtonList[3].onclick = function() {
+	// シングルプレイ
+	hel_skyway_start(false);
+};
+//
+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;
+}

package/PackageResources/project~/img/avatar.png ADDED Viewed

Binary file

package/PackageResources/project~/img/background.png ADDED Viewed

Binary file

package/PackageResources/project~/img/create.png ADDED Viewed

Binary file

package/PackageResources/project~/img/fetch.png ADDED Viewed

Binary file

package/PackageResources/project~/img/label_create.png ADDED Viewed

Binary file

package/PackageResources/project~/img/label_fetch.png ADDED Viewed

Binary file

package/PackageResources/project~/img/name.png ADDED Viewed

Binary file

package/PackageResources/project~/img/room_id.png ADDED Viewed

Binary file

package/PackageResources/project~/img/single.png ADDED Viewed

Binary file

package/PackageResources/project~/img/start.png ADDED Viewed

Binary file

package/PackageResources/project~/img/tips.png ADDED Viewed

Binary file

package/PackageResources/project~/img/title.png ADDED Viewed

Binary file

package/PackageResources/project~/img/world.png ADDED Viewed

Binary file

package/PackageResources/project~/index.html ADDED Viewed

@@ -0,0 +1,122 @@
+<!doctype html>
+<html lang="ja">
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+		<title>Vket Cloud SDK Beta</title>
+		<link rel="stylesheet" href="style.css">
+	</head>
+	<style>
+		body {
+			margin: 0;
+			padding: 0;
+		}
+		.roomid {
+			position: absolute;
+			left: 400px;
+			top: 500px;
+			right: 0;
+			bottom: 0;
+			width: 350px;
+			height: 60px;
+			z-index: 1;
+		}
+		#roomidtext {
+			width: 250px;
+		}
+		.room {
+			display: grid;
+			grid-template-columns: 50% 30%;
+			gap: 8px;
+			margin: 0 8px;
+			z-index: 5;
+		}
+		.room .myname {
+			z-index: 6;
+		}
+	</style>
+	<body>
+		<div class="page">
+		<section class="page-top">
+			<img src="img/title.png" alt="Vket Cloud SDK Beta" class="title-image">
+		</section>
+		<section class="input-panel">
+			<div class="panel-form">
+				<div class="input">
+					<span class="name">Name</span>
+					<input type="text" class="text" id="mynametext" placeholder="Input your name">
+				</div>
+			</div>
+			<div class="panel-form">
+				<div class="input">
+					<span class="name">World</span>
+					<select class="selector" name="worldselect" id="worldselect">
+					</select>
+				</div>
+			</div>
+			<div class="panel-form">
+				<div class="input">
+					<span class="name">Avatar</span>
+					<select name="charaselect" id="charaselect">
+						<option value="0">Vketちゃん1号</option>
+						<option value="1">Vketちゃん2号</option>
+						<option value="2">Vketちゃん風セシルちゃん</option>
+						<option value="3">レッサーモクリ</option>
+					</select>
+				</div>
+			</div>
+		</section>
+		<img src="img/tips.png" alt="tips" class="tips">
+		<section class="main-panel">
+			<img src="img/label_fetch.png" class="label-fetch" alt="空いているルームIDを取得します Fetch available room IDs">
+			<img src="img/label_create.png" class="label-create" alt="新規にルームIDを作成します Create new room ID">
+			<img src="img/fetch.png" id="startbutton0" class="fetch button" alt="取得 Fetch ID">
+			<img src="img/create.png" id="startbutton1" class="create button" alt="新規 Create ID">
+			<img src="img/start.png" id="startbutton2" class="start button disabled" alt="開始 Start">
+			<img src="img/single.png" id="startbutton3" class="single button" alt="シングルプレイ Single">
+			<img src="img/room_id.png" class="room_id" alt="Room ID">
+			<input type="text" id="roomidtext" class="room_id_text" value="" placeholder="Fetch or create room ID">
+		</section>
+		<script type="text/javascript" src="heliodor_out.js"></script>
+		<script type="text/javascript" src="data/heliodor_room.js"></script>
+		<script type="text/javascript">
+			// ワールドIDの自動生成
+			// url のパスからワールドID生成
+			let vketId = '';
+			let worldId = '';
+			const paths = location.pathname.split('/');
+			if (paths.length < 2) {
+				worldId = 'SDKWorld';
+			} else {
+				vketId = paths[1];
+				worldId = `SDKWorld-${vketId}`;
+			}
+			const worldSelect = document.getElementById('worldselect');
+			const worldOption = document.createElement('option');
+			worldOption.value = worldId;
+			worldOption.textContent = worldId;
+			worldSelect.appendChild(worldOption)
+			// title の修正
+			if (vketId) {
+				document.title = `Vket Cloud SDK Beta (${vketId})`;
+			}
+		</script>
+		</div>
+	</body>
+</html>

package/PackageResources/project~/main.html ADDED Viewed

@@ -0,0 +1,181 @@
+<!doctype html>
+<html lang="ja">
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+		<meta name="viewport" content="user-scalable=no">
+		<title>Skywayテスト</title>
+	</head>
+	<script type="text/javascript">
+		function onDebugTableClick(val){
+			hel_setText(window.ETextParamType_GUIDebugInput, String(val));
+		}
+	</script>
+	<style>
+		html {
+			touch-action: manipulation;
+		}
+		body {
+			margin: 0;
+			padding: 0;
+		}
+		#canvas {
+			position: absolute;
+		}
+		#status {
+			position: absolute;
+			left: 400px;
+			top: 10px;
+			right: 0;
+			bottom: 0;
+			width: 400px;
+			height: 40px;
+			color: #ffffff;
+			background-color: rgba(0, 0, 0, 0.4);
+			z-index: 4;
+		}
+		#log {
+			position: absolute;
+			left: 400px;
+			top: 60px;
+			right: 0;
+			bottom: 0;
+			width: 400px;
+			height: 40px;
+			color: #ffffff;
+			background-color: rgba(0, 0, 0, 0.4);
+			z-index: 4;
+		}
+		#GUIdebugTab {
+			position: absolute;
+			right: 400px;
+			top: 32px;
+			right: 0;
+			bottom: 0;
+			width: 400px;
+			height: 24px;
+			color: #ffffff;
+			background-color: rgba(0, 0, 0, 0.4);
+			z-index: 4;
+			visibility: hidden;
+		}
+		#GUIdebug {
+			position: absolute;
+			right: 400px;
+			top: 56px;
+			right: 0;
+			bottom: 0;
+			width: 400px;
+			height: 600px;
+			color: #ffffff;
+			background-color: rgba(0, 0, 0, 0.4);
+			z-index: 4;
+			visibility: hidden;
+			overflow:auto;
+		}
+		#video0 {
+			display:none;
+		}
+		.room {
+			display: grid;
+			grid-template-columns: 50% 30%;
+			gap: 8px;
+			margin: 0 8px;
+			z-index: 5;
+		}
+		.room .remote-streams {
+			z-index: 6;
+			visibility: hidden;
+		}
+		.room .msg {
+			position: absolute;
+			left: 200px;
+			top: 60px;
+			right: 0;
+			bottom: 0;
+			width: 200px;
+			height: 40px;
+			z-index: 6;
+			visibility: hidden;
+		}
+		.room .username {
+			position: absolute;
+			left: 200px;
+			top: 60px;
+			right: 0;
+			bottom: 0;
+			width: 200px;
+			height: 40px;
+			z-index: 6;
+			visibility: hidden;
+		}
+		#username-text {
+			font-size: 16px;
+		}
+		.room .configurl {
+			position: absolute;
+			left: 200px;
+			top: 60px;
+			right: 0;
+			bottom: 0;
+			width: 200px;
+			height: 40px;
+			z-index: 6;
+			visibility: hidden;
+			overflow-x: visible;
+		}
+		#configurl-text {
+			font-size: 26px;
+		}
+	</style>
+	<body>
+		<canvas id="canvas" tabindex=-1></canvas>
+		<div id="status"></div>
+		<div id="log"></div>
+		<div id="GUIdebugTab">GUIdebugTab</div>
+		<div id="GUIdebug">GUIdebug</div>
+		<video id="video0" autoPictureInPicture=false disablePictureInPicture controlslist="nodownload" crossOrigin="Anonymous" playsinline></video>
+		<div class="room">
+			<audio id="js-local-stream"></audio>
+			<div class="remote-streams" id="js-remote-streams"></div>
+			<div class="msg" id="msg">
+				<input type="text" id="js-local-text">
+			</div>
+			<div class="username" id="username">
+				<input type="text" id="username-text">
+			</div>
+			<div class="configurl" id="configurl">
+				<textarea id="configurl-text"></textarea>
+			</div>
+		</div>
+		<script src="//cdn.webrtc.ecl.ntt.com/skyway-latest.js"></script>
+		<script type="text/javascript" src="data/heliodor_pre.js"></script>
+		<script type="text/javascript" src="data/heliodor_room.js"></script>
+		<script type="text/javascript" src="data/heliodor.js"></script>
+		<script type="text/javascript" src="data/heliodor_front.js"></script>
+		<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
+		<script type="text/javascript" src="data/heliodor_post.js"></script>
+	</body>
+</html>

package/PackageResources/project~/style.css ADDED Viewed

@@ -0,0 +1,155 @@
+body {
+  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
+  background-color: #151515;
+  color: white;
+  background-image: url("img/background.png");
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+input[type=button], input[type=text], input[type=submit], input[type=image], textarea, select {
+  outline: none;
+}
+.page {
+  width: 100%;
+  position: absolute;
+  aspect-ratio: 16/9;
+}
+.page-top .title-image {
+  width: 45%;
+  position: absolute;
+  top: 5%;
+  left: 5%;
+}
+.input-panel {
+  font-family: "Arial Black", sans-serif;
+  position: absolute;
+  top: 15%;
+  left: 5%;
+  width: 42%;
+  height: 38%;
+}
+.input-panel .panel-form {
+  width: 100%;
+  height: 15%;
+  margin-top: 8%;
+  display: flex;
+  align-items: center;
+}
+.input-panel .panel-form .input {
+  width: 90%;
+  height: 75%;
+  border-bottom: solid 2px #ddd;
+  padding-bottom: 1%;
+}
+.input-panel .panel-form .input .name {
+  width: 20%;
+  font-size: 1.4vw;
+  display: inline-block;
+  opacity: 0.7;
+}
+.input-panel .panel-form .input input[type=text], .input-panel .panel-form .input select {
+  width: 75%;
+  height: 100%;
+  background-color: transparent;
+  border: none;
+  padding-bottom: 1%;
+  color: white;
+  font-size: 1.3vw;
+}
+.input-panel .panel-form .input option {
+  background-color: black;
+  border: none;
+}
+.input-panel .panel-form .indicator {
+  position: absolute;
+  right: 0;
+  width: 8%;
+  display: none;
+}
+.tips {
+  position: absolute;
+  bottom: 5%;
+  left: 5%;
+  width: 21%;
+}
+.main-panel {
+  width: 50%;
+  height: 65%;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+}
+.main-panel .button {
+  cursor: pointer;
+}
+.main-panel .button.disabled {
+  filter: brightness(0.5);
+}
+.main-panel .button:hover {
+  filter: brightness(0.8);
+}
+.main-panel .button:hover.disabled {
+  filter: brightness(0.5);
+}
+.main-panel .fetch {
+  position: absolute;
+  top: 21.4%;
+  left: 18.3%;
+  width: 23%;
+  z-index: 3;
+}
+.main-panel .create {
+  position: absolute;
+  top: 8%;
+  left: 35.4%;
+  width: 23%;
+  z-index: 3;
+}
+.main-panel .label-fetch {
+  position: absolute;
+  height: 5.5%;
+  top: 15%;
+  left: 2%;
+}
+.main-panel .label-create {
+  position: absolute;
+  height: 5.5%;
+  top: 0;
+  left: 41.2%;
+}
+.main-panel .start {
+  position: absolute;
+  width: 36%;
+  bottom: 22%;
+  right: 31%;
+  z-index: 2;
+}
+.main-panel .single {
+  position: absolute;
+  width: 23%;
+  bottom: 15%;
+  right: 13%;
+}
+.main-panel .room_id {
+  position: absolute;
+  bottom: 6%;
+  width: 50%;
+  left: -6.1%;
+}
+.main-panel .room_id_text {
+  position: absolute;
+  bottom: 11%;
+  left: -6.4%;
+  background-color: transparent;
+  border: none;
+  color: white;
+  font-size: 1.2vw;
+}
+/*# sourceMappingURL=style.css.map */