@impleotv/stanag-player 0.1.9 → 0.1.11

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(e),o=function(t){e.useRef(null);var o=e.useRef(null),r=e.useRef(!0),c=e.useState(16/9),a=c[0],i=c[1],s=e.useState({width:t.width,height:t.width/a}),d=s[0],u=s[1],l=e.useState({width:1920,height:1080}),h=l[0],f=l[1],g={iceServers:[{urls:t.iceServers}]};e.useEffect((function(){try{v.ontrack=function(e){null!=o.current&&(o.current.srcObject=e.streams[0],o.current.muted=!0,o.current.autoplay=t.autoplay,o.current.controls=t.controls,o.current.addEventListener("pause",(function(e){r.current=!0})),o.current.addEventListener("play",(function(e){r.current=!1})),o.current.addEventListener("loadedmetadata",(function(e){var n;f({width:o.current.videoWidth,height:o.current.videoHeight}),null===(n=t.onStreamInfo)||void 0===n||n.call(t,{videoWidth:o.current.videoWidth,videoHeight:o.current.videoHeight})})))},v.onconnectionstatechange=function(e){return console.log(v.iceConnectionState)},v.oniceconnectionstatechange=function(e){return console.log(v.iceConnectionState)},v.onicegatheringstatechange=function(e){return console.log(v.iceGatheringState)},v.addTransceiver("video",{direction:"sendrecv"});var e=v.createDataChannel("klv");e.binaryType="arraybuffer",e.onclose=function(){return console.log("dataChannel has closed")},e.onopen=function(){return console.log("dataChannel has opened")},e.onmessage=function(e){if(!r.current){var n=new DataView(e.data),o=new TextDecoder("utf8"),c=JSON.parse(o.decode(n)),a=(c.packetTime,c.klvs);t.onDataReceive&&t.onDataReceive(new Date(a[2]/1e3).toISOString(),a)}};var n=t.serverUrl?t.serverUrl:window.location.origin,c=new URL(n),a="ws";"http:"!=c.protocol&&(a+="s");var i=new WebSocket(a+"://".concat(c.host,"/ws"));i.onmessage=function(e){var t=JSON.parse(e.data);if(!t)return console.log("failed to parse msg");t.candidate?v.addIceCandidate(t):v.setRemoteDescription(t)},i.onerror=function(e){console.log("Websocket Error.")},i.onclose=function(e){t.onConnected&&t.onConnected(!1),1e3!=e.code&&(t.onError&&console.log("Websocket closed: ".concat(e.code)),t.onError("Websocket error: ".concat(e.code)))},v.onicecandidate=function(e){e.candidate&&""!==e.candidate.candidate&&i.send(JSON.stringify(e.candidate))},i.onopen=function(){t.onConnected&&t.onConnected(!0),v.createOffer().then((function(e){v.setLocalDescription(e),i.send(JSON.stringify(e))}))}}catch(e){console.log("Error: ".concat(e.message))}}),[]),e.useEffect((function(){try{console.log("Video dimensions: ".concat(h.width,"x").concat(h.height));var e=h.width/h.height;i(e),u({width:t.width,height:t.width/e})}catch(e){console.log("Error: ".concat(e.message))}}),[h.width,h.height,t.width]);try{var v=new RTCPeerConnection(g)}catch(e){console.log("Error: ".concat(e.message))}var w={width:d.width,height:d.height};return n.default.createElement("video",{style:w,ref:o})};o.defaultProps={width:360,controls:!0,autoplay:!0,iceServers:"stun:stun.l.google.com:19302"};var r=function(e){return n.default.createElement(r,null,e.label)};exports.KlvView=r,exports.StanagPlayer=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(e),o=function(t){var o=e.useRef(null),r=e.useRef(!0),c=e.useState(16/9),a=c[0],i=c[1],s=e.useState({width:t.width,height:t.width/a}),d=s[0],u=s[1],l=e.useState({width:1920,height:1080}),h=l[0],f=l[1],g=e.useRef(),v={iceServers:[{urls:t.iceServers}]};e.useEffect((function(){try{var e=g.current;e.ontrack=function(e){null!=o.current&&(o.current.srcObject=e.streams[0],o.current.muted=!0,o.current.autoplay=t.autoplay,o.current.controls=t.controls,o.current.addEventListener("pause",(function(e){r.current=!0})),o.current.addEventListener("play",(function(e){r.current=!1})),o.current.addEventListener("loadedmetadata",(function(e){var n;f({width:o.current.videoWidth,height:o.current.videoHeight}),null===(n=t.onStreamInfo)||void 0===n||n.call(t,{videoWidth:o.current.videoWidth,videoHeight:o.current.videoHeight})})))},e.onconnectionstatechange=function(t){return console.log(e.iceConnectionState)},e.oniceconnectionstatechange=function(t){return console.log(e.iceConnectionState)},e.onicegatheringstatechange=function(t){return console.log(e.iceGatheringState)},e.addTransceiver("video",{direction:"sendrecv"});var n=e.createDataChannel("klv");n.binaryType="arraybuffer",n.onclose=function(){return console.log("dataChannel has closed")},n.onopen=function(){return console.log("dataChannel has opened")},n.onmessage=function(e){if(!r.current){var n=new DataView(e.data),o=new TextDecoder("utf8"),c=JSON.parse(o.decode(n)),a=(c.packetTime,c.klvs);t.onDataReceive&&t.onDataReceive(new Date(a[2]/1e3).toISOString(),a)}};var c=t.serverUrl?t.serverUrl:window.location.origin,a=new URL(c),i="ws";"http:"!=a.protocol&&(i+="s");var s=new WebSocket(i+"://".concat(a.host,"/ws"));s.onmessage=function(t){var n=JSON.parse(t.data);if(!n)return console.log("failed to parse msg");n.candidate?e.addIceCandidate(n):e.setRemoteDescription(n)},s.onerror=function(e){console.log("Websocket Error.")},s.onclose=function(e){t.onConnected&&t.onConnected(!1),1e3!=e.code&&(console.log("Websocket closed: ".concat(e.code)),t.onError&&t.onError("Websocket error: ".concat(e.code)))},e.onicecandidate=function(e){e.candidate&&""!==e.candidate.candidate&&s.send(JSON.stringify(e.candidate))},s.onopen=function(){t.onConnected&&t.onConnected(!0),e.createOffer().then((function(t){e.setLocalDescription(t),s.send(JSON.stringify(t))}))}}catch(e){console.log("Error: ".concat(e.message))}return function(){console.log("Player close")}}),[]),e.useEffect((function(){try{var e=h.width/h.height;i(e),u({width:t.width,height:t.width/e})}catch(e){console.log("Error: ".concat(e.message))}}),[h.width,h.height,t.width]);try{void 0===g.current&&(g.current=new RTCPeerConnection(v))}catch(e){console.log("Error: ".concat(e.message))}var w={width:d.width,height:d.height};return n.default.createElement("video",{style:w,ref:o})};o.defaultProps={width:360,controls:!0,autoplay:!0,iceServers:"stun:stun.l.google.com:19302"};var r=function(e){return n.default.createElement(r,null,e.label)};exports.KlvView=r,exports.StanagPlayer=o;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/StanagPlayer/StanagPlayer.tsx","../../src/components/KlvView/KlvView.tsx"],"sourcesContent":[null,null],"names":["StanagPlayer","props","useRef","videoPlayer","isPaused","_a","useState","aspectRatio","setAspectRatio","_b","width","height","playerSize","setPlayerSize","_c","videoDimension","setVideoDimension","configuration","iceServers","urls","useEffect","pc","ontrack","event","current","srcObject","streams","muted","autoplay","controls","addEventListener","videoWidth","videoHeight","onStreamInfo","call","onconnectionstatechange","e","console","log","iceConnectionState","oniceconnectionstatechange","onicegatheringstatechange","iceGatheringState","addTransceiver","direction","dataChannel","createDataChannel","binaryType","onclose","onopen","onmessage","dataView","DataView","data","decoder","TextDecoder","JSON","parse","decode","klvs","onDataReceive","Date","toISOString","location_1","serverUrl","window","location","origin","uri","URL","wsProto","protocol","socket_1","WebSocket","concat","host","msg","candidate","addIceCandidate","setRemoteDescription","onerror","onConnected","code","onError","onicecandidate","send","stringify","createOffer","then","offer","setLocalDescription","error","message","curAspectRatio","RTCPeerConnection","playerStyle","React","createElement","style","ref","defaultProps","KlvView","label"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/components/StanagPlayer/StanagPlayer.tsx","../../src/components/KlvView/KlvView.tsx"],"sourcesContent":[null,null],"names":["StanagPlayer","props","videoPlayer","useRef","isPaused","_a","useState","aspectRatio","setAspectRatio","_b","width","height","playerSize","setPlayerSize","_c","videoDimension","setVideoDimension","peerConnection","configuration","iceServers","urls","useEffect","pc_1","current","ontrack","event","srcObject","streams","muted","autoplay","controls","addEventListener","videoWidth","videoHeight","onStreamInfo","call","onconnectionstatechange","e","console","log","iceConnectionState","oniceconnectionstatechange","onicegatheringstatechange","iceGatheringState","addTransceiver","direction","dataChannel","createDataChannel","binaryType","onclose","onopen","onmessage","dataView","DataView","data","decoder","TextDecoder","JSON","parse","decode","klvs","onDataReceive","Date","toISOString","location_1","serverUrl","window","location","origin","uri","URL","wsProto","protocol","socket_1","WebSocket","concat","host","msg","candidate","addIceCandidate","setRemoteDescription","onerror","onConnected","code","onError","onicecandidate","send","stringify","createOffer","then","offer","setLocalDescription","error","message","curAspectRatio","undefined","RTCPeerConnection","playerStyle","React","createElement","style","ref","defaultProps","KlvView","label"],"mappings":"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"}

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-import e,{useRef as n,useState as t,useEffect as o}from"react";var r=function(r){n(null);var c=n(null),a=n(!0),i=t(16/9),d=i[0],s=i[1],l=t({width:r.width,height:r.width/d}),u=l[0],h=l[1],g=t({width:1920,height:1080}),v=g[0],f=g[1],w={iceServers:[{urls:r.iceServers}]};o((function(){try{p.ontrack=function(e){null!=c.current&&(c.current.srcObject=e.streams[0],c.current.muted=!0,c.current.autoplay=r.autoplay,c.current.controls=r.controls,c.current.addEventListener("pause",(function(e){a.current=!0})),c.current.addEventListener("play",(function(e){a.current=!1})),c.current.addEventListener("loadedmetadata",(function(e){var n;f({width:c.current.videoWidth,height:c.current.videoHeight}),null===(n=r.onStreamInfo)||void 0===n||n.call(r,{videoWidth:c.current.videoWidth,videoHeight:c.current.videoHeight})})))},p.onconnectionstatechange=function(e){return console.log(p.iceConnectionState)},p.oniceconnectionstatechange=function(e){return console.log(p.iceConnectionState)},p.onicegatheringstatechange=function(e){return console.log(p.iceGatheringState)},p.addTransceiver("video",{direction:"sendrecv"});var e=p.createDataChannel("klv");e.binaryType="arraybuffer",e.onclose=function(){return console.log("dataChannel has closed")},e.onopen=function(){return console.log("dataChannel has opened")},e.onmessage=function(e){if(!a.current){var n=new DataView(e.data),t=new TextDecoder("utf8"),o=JSON.parse(t.decode(n)),c=(o.packetTime,o.klvs);r.onDataReceive&&r.onDataReceive(new Date(c[2]/1e3).toISOString(),c)}};var n=r.serverUrl?r.serverUrl:window.location.origin,t=new URL(n),o="ws";"http:"!=t.protocol&&(o+="s");var i=new WebSocket(o+"://".concat(t.host,"/ws"));i.onmessage=function(e){var n=JSON.parse(e.data);if(!n)return console.log("failed to parse msg");n.candidate?p.addIceCandidate(n):p.setRemoteDescription(n)},i.onerror=function(e){console.log("Websocket Error.")},i.onclose=function(e){r.onConnected&&r.onConnected(!1),1e3!=e.code&&(r.onError&&console.log("Websocket closed: ".concat(e.code)),r.onError("Websocket error: ".concat(e.code)))},p.onicecandidate=function(e){e.candidate&&""!==e.candidate.candidate&&i.send(JSON.stringify(e.candidate))},i.onopen=function(){r.onConnected&&r.onConnected(!0),p.createOffer().then((function(e){p.setLocalDescription(e),i.send(JSON.stringify(e))}))}}catch(e){console.log("Error: ".concat(e.message))}}),[]),o((function(){try{console.log("Video dimensions: ".concat(v.width,"x").concat(v.height));var e=v.width/v.height;s(e),h({width:r.width,height:r.width/e})}catch(e){console.log("Error: ".concat(e.message))}}),[v.width,v.height,r.width]);try{var p=new RTCPeerConnection(w)}catch(e){console.log("Error: ".concat(e.message))}var m={width:u.width,height:u.height};return e.createElement("video",{style:m,ref:c})};r.defaultProps={width:360,controls:!0,autoplay:!0,iceServers:"stun:stun.l.google.com:19302"};var c=function(n){return e.createElement(c,null,n.label)};export{c as KlvView,r as StanagPlayer};
+import e,{useRef as n,useState as t,useEffect as o}from"react";var r=function(r){var c=n(null),a=n(!0),i=t(16/9),d=i[0],s=i[1],l=t({width:r.width,height:r.width/d}),u=l[0],h=l[1],g=t({width:1920,height:1080}),v=g[0],f=g[1],w=n(),p={iceServers:[{urls:r.iceServers}]};o((function(){try{var e=w.current;e.ontrack=function(e){null!=c.current&&(c.current.srcObject=e.streams[0],c.current.muted=!0,c.current.autoplay=r.autoplay,c.current.controls=r.controls,c.current.addEventListener("pause",(function(e){a.current=!0})),c.current.addEventListener("play",(function(e){a.current=!1})),c.current.addEventListener("loadedmetadata",(function(e){var n;f({width:c.current.videoWidth,height:c.current.videoHeight}),null===(n=r.onStreamInfo)||void 0===n||n.call(r,{videoWidth:c.current.videoWidth,videoHeight:c.current.videoHeight})})))},e.onconnectionstatechange=function(n){return console.log(e.iceConnectionState)},e.oniceconnectionstatechange=function(n){return console.log(e.iceConnectionState)},e.onicegatheringstatechange=function(n){return console.log(e.iceGatheringState)},e.addTransceiver("video",{direction:"sendrecv"});var n=e.createDataChannel("klv");n.binaryType="arraybuffer",n.onclose=function(){return console.log("dataChannel has closed")},n.onopen=function(){return console.log("dataChannel has opened")},n.onmessage=function(e){if(!a.current){var n=new DataView(e.data),t=new TextDecoder("utf8"),o=JSON.parse(t.decode(n)),c=(o.packetTime,o.klvs);r.onDataReceive&&r.onDataReceive(new Date(c[2]/1e3).toISOString(),c)}};var t=r.serverUrl?r.serverUrl:window.location.origin,o=new URL(t),i="ws";"http:"!=o.protocol&&(i+="s");var d=new WebSocket(i+"://".concat(o.host,"/ws"));d.onmessage=function(n){var t=JSON.parse(n.data);if(!t)return console.log("failed to parse msg");t.candidate?e.addIceCandidate(t):e.setRemoteDescription(t)},d.onerror=function(e){console.log("Websocket Error.")},d.onclose=function(e){r.onConnected&&r.onConnected(!1),1e3!=e.code&&(console.log("Websocket closed: ".concat(e.code)),r.onError&&r.onError("Websocket error: ".concat(e.code)))},e.onicecandidate=function(e){e.candidate&&""!==e.candidate.candidate&&d.send(JSON.stringify(e.candidate))},d.onopen=function(){r.onConnected&&r.onConnected(!0),e.createOffer().then((function(n){e.setLocalDescription(n),d.send(JSON.stringify(n))}))}}catch(e){console.log("Error: ".concat(e.message))}return function(){console.log("Player close")}}),[]),o((function(){try{var e=v.width/v.height;s(e),h({width:r.width,height:r.width/e})}catch(e){console.log("Error: ".concat(e.message))}}),[v.width,v.height,r.width]);try{void 0===w.current&&(w.current=new RTCPeerConnection(p))}catch(e){console.log("Error: ".concat(e.message))}var m={width:u.width,height:u.height};return e.createElement("video",{style:m,ref:c})};r.defaultProps={width:360,controls:!0,autoplay:!0,iceServers:"stun:stun.l.google.com:19302"};var c=function(n){return e.createElement(c,null,n.label)};export{c as KlvView,r as StanagPlayer};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/StanagPlayer/StanagPlayer.tsx","../../src/components/KlvView/KlvView.tsx"],"sourcesContent":[null,null],"names":["StanagPlayer","props","useRef","videoPlayer","isPaused","_a","useState","aspectRatio","setAspectRatio","_b","width","height","playerSize","setPlayerSize","_c","videoDimension","setVideoDimension","configuration","iceServers","urls","useEffect","pc","ontrack","event","current","srcObject","streams","muted","autoplay","controls","addEventListener","videoWidth","videoHeight","onStreamInfo","call","onconnectionstatechange","e","console","log","iceConnectionState","oniceconnectionstatechange","onicegatheringstatechange","iceGatheringState","addTransceiver","direction","dataChannel","createDataChannel","binaryType","onclose","onopen","onmessage","dataView","DataView","data","decoder","TextDecoder","JSON","parse","decode","klvs","onDataReceive","Date","toISOString","location_1","serverUrl","window","location","origin","uri","URL","wsProto","protocol","socket_1","WebSocket","concat","host","msg","candidate","addIceCandidate","setRemoteDescription","onerror","onConnected","code","onError","onicecandidate","send","stringify","createOffer","then","offer","setLocalDescription","error","message","curAspectRatio","RTCPeerConnection","playerStyle","React","createElement","style","ref","defaultProps","KlvView","label"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/components/StanagPlayer/StanagPlayer.tsx","../../src/components/KlvView/KlvView.tsx"],"sourcesContent":[null,null],"names":["StanagPlayer","props","videoPlayer","useRef","isPaused","_a","useState","aspectRatio","setAspectRatio","_b","width","height","playerSize","setPlayerSize","_c","videoDimension","setVideoDimension","peerConnection","configuration","iceServers","urls","useEffect","pc_1","current","ontrack","event","srcObject","streams","muted","autoplay","controls","addEventListener","videoWidth","videoHeight","onStreamInfo","call","onconnectionstatechange","e","console","log","iceConnectionState","oniceconnectionstatechange","onicegatheringstatechange","iceGatheringState","addTransceiver","direction","dataChannel","createDataChannel","binaryType","onclose","onopen","onmessage","dataView","DataView","data","decoder","TextDecoder","JSON","parse","decode","klvs","onDataReceive","Date","toISOString","location_1","serverUrl","window","location","origin","uri","URL","wsProto","protocol","socket_1","WebSocket","concat","host","msg","candidate","addIceCandidate","setRemoteDescription","onerror","onConnected","code","onError","onicecandidate","send","stringify","createOffer","then","offer","setLocalDescription","error","message","curAspectRatio","undefined","RTCPeerConnection","playerStyle","React","createElement","style","ref","defaultProps","KlvView","label"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impleotv/stanag-player",
-  "version": "0.1.9",
+  "version": "0.1.11",
   "description": "Impleotv web player",
   "private": false,
   "scripts": {},