Merge pull request #8 from apivideo/fix-screencast-ratio-issue

fix: screencast stream size ratio issue

Author: olivier-lando

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 All changes to this project will be documented in this file.
+
+## [0.1.6] - 2022-09-16
+- Fix screencast stream size ratio issue
+
 ## [0.1.5] - 2022-09-14
 - Fix stream id generation
 - Fix mouse events when occuring outside the canvas

dist/index.js

@@ -1,6 +1,6 @@
 {
   "name": "@api.video/media-stream-composer",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "api.video media stream composer",
   "repository": {
     "type": "git",

package-lock.json

@@ -221,6 +221,12 @@ export class MediaStreamComposer {
 
         options = this.validateOptions(options);
 
+
+        const video = document.createElement('video');
+        video.srcObject = mediaStream;
+
+        video.onresize = (_) => this.updateStream(streamId, options);
+
         const displaySettings = this.buildStreamDisplaySettings(streamId, mediaStream, options);
         this.streams[streamId] = {
             id: streamId,
@@ -490,6 +496,7 @@ export class MediaStreamComposer {
 
     private buildStreamDisplaySettings(id: string, mediaStream: MediaStream, options: StreamOptions): StreamDisplaySettings {
         const trackSettings = mediaStream.getVideoTracks()[0].getSettings();
+
         const streamResolution = { width: trackSettings.width!, height: trackSettings.height! };
         const containerResolution = this.options.resolution;