@clockworkdog/cogs-client 1.4.0 → 1.4.3

package/dist/CogsConnection.js

@@ -175,7 +175,7 @@ function websocketParametersFromUrl(url) {
     const localClientId = pathParams.get('local_id');
     const isSimulator = pathParams.get('simulator') === 'true';
     const display = (_a = pathParams.get('display')) !== null && _a !== void 0 ? _a : '';
-    const pluginId = parsedUrl.pathname.startsWith('/plugin/') ? parsedUrl.pathname.split('/')[2] : undefined;
+    const pluginId = parsedUrl.pathname.startsWith('/plugin/') ? decodeURIComponent(parsedUrl.pathname.split('/')[2]) : undefined;
     if (localClientId) {
         const type = (_b = pathParams.get('t')) !== null && _b !== void 0 ? _b : '';
         pathParams.delete('local_id');

package/dist/RtspStreamer.d.ts

@@ -1,4 +1,4 @@
-import type { Html5VideoPipeline as THtml5VideoPipeline } from 'media-stream-library';
+import { Html5VideoPipeline } from '@clockworkdog/media-stream-library-browser';
 /**
  * Manages a websocket connection to the COGS TCP relay which can be used to send RTSP video
  * feeds to the web.
@@ -17,5 +17,6 @@ export default class RtspStreamer {
     play(params: {
         uri: string;
         videoElement: HTMLVideoElement;
-    }): THtml5VideoPipeline;
+        playbackRate?: number;
+    }): Html5VideoPipeline;
 }

package/dist/RtspStreamer.js

@@ -1,12 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-// We need to require this rather than importing it to ensure Webpack picks the correct version of the library.
-// We also then need to import the same class as a type so we can return the correct Typescript types.
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-/// @ts-ignore
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const { Html5VideoPipeline, isRtcpBye } = require('media-stream-library/dist/browser-cjs.js');
+const media_stream_library_browser_1 = require("@clockworkdog/media-stream-library-browser");
 const urls_1 = require("./helpers/urls");
+// Use a faster-than-realtime playback rate by default
+// so that it keeps up with a realtime stream in case of video buffering
+const DEFAULT_VIDEO_PLAYBACK_RATE = 1.1;
 /**
  * Manages a websocket connection to the COGS TCP relay which can be used to send RTSP video
  * feeds to the web.
@@ -20,15 +18,16 @@ class RtspStreamer {
      * @returns The playing HTML5 video pipeline.
      */
     play(params) {
+        var _a;
         const { uri, videoElement } = params;
-        const pipeline = new Html5VideoPipeline({
+        const pipeline = new media_stream_library_browser_1.Html5VideoPipeline({
             ws: { uri: this._websocketUri },
             rtsp: { uri: uri },
             mediaElement: videoElement,
         });
         // Restart stream on RTCP BYE (stream ended)
         pipeline.rtsp.onRtcp = (rtcp) => {
-            if (isRtcpBye(rtcp)) {
+            if (media_stream_library_browser_1.isRtcpBye(rtcp)) {
                 setTimeout(() => this.play(params), 0);
             }
         };
@@ -36,6 +35,11 @@ class RtspStreamer {
         pipeline.ready.then(() => {
             pipeline.rtsp.play();
         });
+        videoElement.playbackRate = (_a = params.playbackRate) !== null && _a !== void 0 ? _a : DEFAULT_VIDEO_PLAYBACK_RATE;
+        videoElement.addEventListener('play', () => {
+            var _a;
+            videoElement.playbackRate = (_a = params.playbackRate) !== null && _a !== void 0 ? _a : DEFAULT_VIDEO_PLAYBACK_RATE;
+        });
         return pipeline;
     }
 }