model-action 2.3.4 → 2.4.2

package/src/peer-stream.js

@@ -174,7 +174,7 @@ class PeerStream extends HTMLVideoElement {
 			// overlayDiv.style.borderRadius = '5px';
 			// overlayDiv.style.display = 'block'; // Initially hidden
 			// this.parentNode.appendChild(overlayDiv)
-			console.warn('你的浏览器版本过低!<br>推荐使用谷歌100以上版本浏览器!!')
+			console.warn("你的浏览器版本过低 推荐使用谷歌100以上版本浏览器")
 		}
 
 		// This will happen each time the node is moved, and may happen before the element"s contents have been fully parsed. may be called once your element is no longer connected
@@ -284,6 +284,8 @@ class PeerStream extends HTMLVideoElement {
 				if ((now - this.lastmouseTime) > this.mouseReleaseTime * 1000) {
 					msg.type = "mouseRelease"
 					this.ws.send(JSON.stringify(msg));
+					this.mouseReleaseTime = undefined
+					this.dispatchEvent(new CustomEvent("mouseRelease", { detail: "" }));
 				}
 			}
 		}
@@ -300,6 +302,10 @@ class PeerStream extends HTMLVideoElement {
 			console.log("↓↓ getStatus:", msg);
 			this.handleGetStatus(msg)
 		}
+		else if(msg.type === "getUeinstance"){
+			console.log("↓↓ getUeinstance:", msg);
+			this.dispatchEvent(new CustomEvent("getUeinstance", { detail: msg }));
+		}
 		else {
 			console.warn("↓↓", msg);
 		}
@@ -753,19 +759,20 @@ class PeerStream extends HTMLVideoElement {
 
 		this.onmousedown = (e) => {
 			this.emitMouseDown(e.button, e.offsetX, e.offsetY);
-			// e.preventDefault();
+			//e.preventDefault();
 		};
 
 		this.onmouseup = (e) => {
 			this.emitMouseUp(e.button, e.offsetX, e.offsetY);
-			// e.preventDefault();
+			//e.preventDefault();
 		};
 
 		// When the context menu is shown then it is safest to release the button which was pressed when the event happened. This will guarantee we will get at least one mouse up corresponding to a mouse down event. Otherwise the mouse can get stuck.
 		// https://github.com/facebook/react/issues/5531
 		this.oncontextmenu = (e) => {
-			this.emitMouseUp(e.button, e.offsetX, e.offsetY);
+			//this.emitMouseUp(e.button, e.offsetX, e.offsetY);
 			e.preventDefault();
+			return false;
 		};
 
 		this.onwheel = (e) => {
@@ -906,13 +913,18 @@ class PeerStream extends HTMLVideoElement {
 			data.setUint16(byteIdx, msg.charCodeAt(i), true);
 			byteIdx += 2;
 		}
-		this.dc.send(data);
+		try{
+			this.dc.send(data);
+		}catch(error){
+			console.error(error.message);
+		}
+		
 
-		return new Promise(resolve => this.addEventListener(
-			'message',
-			e => resolve(e.detail),
-			{ once: true }
-		));
+		// return new Promise(resolve => this.addEventListener(
+		// 	'message',
+		// 	e => resolve(e.detail),
+		// 	{ once: true }
+		// ));
 	}
 
 	normalize(x, y) {
@@ -934,6 +946,15 @@ class PeerStream extends HTMLVideoElement {
 	}
 
 
+	getUeInstance(){
+		let msg={type: "getUeinstance"}
+		this.ws.send(JSON.stringify(msg));
+	}
+
+	killUe(){
+		let msg={type: "killUe"}
+		this.ws.send(JSON.stringify(msg));
+	}
 }
 
-customElements.define("peer-stream", PeerStream, { extends: "video" });
+customElements.define("peer-stream", PeerStream, { extends: "video" });