New WebRTC and Video Player

src/components/WebRtcPlayer.astro

@@ -125,8 +125,6 @@ const {
 </div>
 
 <script>
-    import { WebRTCPlayer } from "@eyevinn/webrtc-player";
-
     document.addEventListener("DOMContentLoaded", () => {
         const videoCardEl = document.getElementById("video-card");
         const videoEl = document.getElementById("live-video");
@@ -149,7 +147,7 @@ const {
         async function startPlayer() {
             try {
                 if (videoEl)
-                    player = new WebRTCPlayer({
+                    player = new window.WebRTCPlayer({
                         video: videoEl as HTMLVideoElement,
                         type: "whep",
                         statsTypeFilter: "^candidate-*|^inbound-rtp",

src/global.d.ts

@@ -1,3 +1,6 @@
+
+import { WebRTCPlayer } from "@eyevinn/webrtc-player";
+
 declare global {
     interface Window {
         schema: any;
@@ -5,6 +8,7 @@ declare global {
         upload: any;
         myModal_open: any;
         myModal_close: any;
+        WebRTCPlayer: typeof WebRTCPlayer
     }
 }