@moq/watch 0.2.16 → 0.2.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/README.md +21 -9
  2. package/backend.d.ts +2 -0
  3. package/backend.d.ts.map +1 -1
  4. package/{broadcast-CG8jZRfA.js → broadcast-80k1hgfM.js} +382 -353
  5. package/broadcast-80k1hgfM.js.map +1 -0
  6. package/broadcast.d.ts +30 -1
  7. package/broadcast.d.ts.map +1 -1
  8. package/element.d.ts +6 -2
  9. package/element.d.ts.map +1 -1
  10. package/element.js +23 -7
  11. package/element.js.map +1 -1
  12. package/index.d.ts +1 -0
  13. package/index.d.ts.map +1 -1
  14. package/index.js +5 -4
  15. package/package.json +6 -6
  16. package/video/renderer.d.ts +18 -0
  17. package/video/renderer.d.ts.map +1 -1
  18. package/broadcast-CG8jZRfA.js.map +0 -1
package/README.md CHANGED
@@ -56,7 +56,7 @@ The simplest way to watch a stream:
56
56
 
57
57
  <moq-watch
58
58
  url="https://relay.example.com/anon"
59
- path="room/alice.hang"
59
+ name="room/alice.hang"
60
60
  controls>
61
61
  <canvas></canvas>
62
62
  </moq-watch>
@@ -64,13 +64,25 @@ The simplest way to watch a stream:
64
64
 
65
65
  ### Attributes
66
66
 
67
- | Attribute | Type | Default | Description |
68
- |-----------|---------|----------|-----------------------|
69
- | `url` | string | required | Relay server URL |
70
- | `path` | string | required | Broadcast path |
71
- | `paused` | boolean | false | Pause playback |
72
- | `muted` | boolean | false | Mute audio |
73
- | `volume` | number | 1 | Audio volume (0-1) |
67
+ | Attribute | Type | Default | Description |
68
+ |-----------|-------------------------------------|----------|------------------------------------------|
69
+ | `url` | string | required | Relay server URL |
70
+ | `name` | string | required | Broadcast name/path |
71
+ | `paused` | boolean | false | Pause playback |
72
+ | `muted` | boolean | false | Mute audio |
73
+ | `visible` | `never` \| distance \| `always` | `0px` | When to download video (see below) |
74
+ | `volume` | number | 0.5 | Audio volume (0-1) |
75
+
76
+ The `visible` attribute controls when the video track is downloaded, based on the canvas
77
+ position relative to the viewport:
78
+
79
+ - `never`: never download video.
80
+ - a distance (`0px`, `200px`, `100%`, ...): download while the canvas is within that distance
81
+ of the viewport **and** the tab is visible. `0px` (the default) means strictly on screen; a
82
+ larger distance pre-warms the video before it scrolls into view.
83
+ - `always`: always download video, regardless of the canvas position or tab visibility.
84
+
85
+ Only the distance mode suspends video while the tab is hidden; `always` keeps downloading.
74
86
 
75
87
  ## JavaScript API
76
88
 
@@ -105,7 +117,7 @@ watch.video.media.subscribe((stream) => {
105
117
  </script>
106
118
 
107
119
  <moq-watch-ui>
108
- <moq-watch url="https://relay.example.com/anon" path="room/alice.hang">
120
+ <moq-watch url="https://relay.example.com/anon" name="room/alice.hang">
109
121
  <canvas></canvas>
110
122
  </moq-watch>
111
123
  </moq-watch-ui>
package/backend.d.ts CHANGED
@@ -23,6 +23,7 @@ export interface MultiBackendProps {
23
23
  latency?: Latency | Signal<Latency>;
24
24
  connection?: Signal<Moq.Connection.Established | undefined>;
25
25
  paused?: boolean | Signal<boolean>;
26
+ visible?: Video.Visible | Signal<Video.Visible>;
26
27
  }
27
28
  declare class VideoBackend implements Video.Backend {
28
29
  source: Video.Source;
@@ -48,6 +49,7 @@ export declare class MultiBackend implements Backend {
48
49
  latency: Signal<Latency>;
49
50
  jitter: Signal<Moq.Time.Milli>;
50
51
  paused: Signal<boolean>;
52
+ visible: Signal<Video.Visible>;
51
53
  video: VideoBackend;
52
54
  audio: AudioBackend;
53
55
  sync: Sync;
package/backend.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"backend.d.ts","sourceRoot":"","sources":["../src/backend.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,UAAU,CAAC;AAChC,OAAO,EAAU,MAAM,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAE,KAAK,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAGjC,MAAM,WAAW,aAAa;IAC7B,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;IACtB,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;CACpB;AACD,MAAM,MAAM,cAAc,GAAG,aAAa,EAAE,CAAC;AAG7C,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,UAAU,GAAG,cAAc,CAUpE;AAED,MAAM,WAAW,OAAO;IAEvB,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAGxB,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC;IAGtB,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC;IAGtB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAGzB,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IACjC,OAAO,CAAC,EAAE,iBAAiB,GAAG,gBAAgB,GAAG,MAAM,CAAC,iBAAiB,GAAG,gBAAgB,GAAG,SAAS,CAAC,CAAC;IAC1G,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IAGtD,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAGpC,UAAU,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAE5D,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;CACnC;AAGD,cAAM,YAAa,YAAW,KAAK,CAAC,OAAO;IAE1C,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC;IAGrB,KAAK,8CAAkD;IAGvD,OAAO,8BAA8B;IAGrC,QAAQ,qCAAkC;IAG1C,SAAS,qCAAmD;gBAEhD,MAAM,EAAE,KAAK,CAAC,MAAM;CAGhC;AAGD,cAAM,YAAa,YAAW,KAAK,CAAC,OAAO;IAC1C,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC;IAGrB,MAAM,6BAA2B;IAGjC,KAAK,8BAA8B;IAGnC,KAAK,8CAAkD;IAGvD,QAAQ,qCAAkC;IAG1C,OAAO,+CAAmD;gBAE9C,MAAM,EAAE,KAAK,CAAC,MAAM;CAGhC;AAKD,qBAAa,YAAa,YAAW,OAAO;;IAC3C,OAAO,uEAA2E;IAClF,SAAS,EAAE,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAExB,KAAK,EAAE,YAAY,CAAC;IAGpB,KAAK,EAAE,YAAY,CAAC;IAIpB,IAAI,EAAE,IAAI,CAAC;IAEX,OAAO,qBAAgB;gBAEX,KAAK,CAAC,EAAE,iBAAiB;IA+FrC,KAAK,IAAI,IAAI;CAMb"}
1
+ {"version":3,"file":"backend.d.ts","sourceRoot":"","sources":["../src/backend.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,UAAU,CAAC;AAChC,OAAO,EAAU,MAAM,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,EAAE,KAAK,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAGjC,MAAM,WAAW,aAAa;IAC7B,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;IACtB,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;CACpB;AACD,MAAM,MAAM,cAAc,GAAG,aAAa,EAAE,CAAC;AAG7C,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,UAAU,GAAG,cAAc,CAUpE;AAED,MAAM,WAAW,OAAO;IAEvB,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAGxB,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC;IAGtB,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC;IAGtB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAGzB,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IACjC,OAAO,CAAC,EAAE,iBAAiB,GAAG,gBAAgB,GAAG,MAAM,CAAC,iBAAiB,GAAG,gBAAgB,GAAG,SAAS,CAAC,CAAC;IAC1G,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IAGtD,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAGpC,UAAU,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAE5D,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAGnC,OAAO,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;CAChD;AAGD,cAAM,YAAa,YAAW,KAAK,CAAC,OAAO;IAE1C,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC;IAGrB,KAAK,8CAAkD;IAGvD,OAAO,8BAA8B;IAGrC,QAAQ,qCAAkC;IAG1C,SAAS,qCAAmD;gBAEhD,MAAM,EAAE,KAAK,CAAC,MAAM;CAGhC;AAGD,cAAM,YAAa,YAAW,KAAK,CAAC,OAAO;IAC1C,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC;IAGrB,MAAM,6BAA2B;IAGjC,KAAK,8BAA8B;IAGnC,KAAK,8CAAkD;IAGvD,QAAQ,qCAAkC;IAG1C,OAAO,+CAAmD;gBAE9C,MAAM,EAAE,KAAK,CAAC,MAAM;CAGhC;AAKD,qBAAa,YAAa,YAAW,OAAO;;IAC3C,OAAO,uEAA2E;IAClF,SAAS,EAAE,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/B,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAGxB,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAE/B,KAAK,EAAE,YAAY,CAAC;IAGpB,KAAK,EAAE,YAAY,CAAC;IAIpB,IAAI,EAAE,IAAI,CAAC;IAEX,OAAO,qBAAgB;gBAEX,KAAK,CAAC,EAAE,iBAAiB;IAiGrC,KAAK,IAAI,IAAI;CAMb"}