@eluvio/elv-player-js 2.1.26 → 2.1.28

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.
@@ -230,6 +230,7 @@ export class EluvioPlayer {
230
230
  }
231
231
  };
232
232
 
233
+ // TODO: Change to just use ignore_trimming
233
234
  if(!this.sourceOptions.playoutOptions) {
234
235
  let playoutOptions;
235
236
 
@@ -324,6 +325,7 @@ export class EluvioPlayer {
324
325
  const versionHash = playoutUrl.split("/").find(segment => segment.startsWith("hq__"));
325
326
 
326
327
  const offset = (properties || {}).start_offset_float || 0;
328
+ const thumbnailOffset = (clipStart || 0) + (offset || 0);
327
329
 
328
330
  return {
329
331
  playoutParameters: {
@@ -344,6 +346,7 @@ export class EluvioPlayer {
344
346
  clipStart: options.clip_start,
345
347
  clipEnd: options.clip_end,
346
348
  trimOffset: offset,
349
+ thumbnailOffset,
347
350
  sessionId: this.sourceOptions.playoutOptions.sessionId,
348
351
  multiviewOptions: {
349
352
  enabled: this.sourceOptions.playoutOptions.multiview,
@@ -541,6 +544,7 @@ export class EluvioPlayer {
541
544
  multiviewOptions,
542
545
  playoutParameters,
543
546
  trimOffset,
547
+ thumbnailOffset,
544
548
  offering,
545
549
  compositionKey,
546
550
  clipStart,
@@ -553,6 +557,7 @@ export class EluvioPlayer {
553
557
  offering,
554
558
  compositionKey,
555
559
  trimOffset,
560
+ thumbnailOffset,
556
561
  clipStart,
557
562
  clipEnd
558
563
  };
@@ -639,7 +644,7 @@ export class EluvioPlayer {
639
644
  if(this.thumbnailTrackUrl) {
640
645
  this.thumbnailHandler = new ThumbnailHandler(
641
646
  this.thumbnailTrackUrl,
642
- trimOffset || 0
647
+ thumbnailOffset || trimOffset || 0
643
648
  );
644
649
  this.thumbnailHandler.LoadThumbnails()
645
650
  .then(() => {
@@ -123,7 +123,7 @@ const PlayerUI = ({
123
123
  const disposePlayerSettingsListener = newPlayer.controls.RegisterSettingsListener(
124
124
  () => {
125
125
  setAllowRotation(newPlayer.controls.AllowRotation());
126
- setPlaybackStarted(newPlayer.playbackStarted);
126
+ setPlaybackStarted(newPlayer.playbackStarted || (newPlayer.controls && newPlayer.controls.IsPlaying()));
127
127
  setPlayerInitialized(!newPlayer.loading);
128
128
  setShowPlayerProfileForm(newPlayer.__showPlayerProfileForm);
129
129
  setCasting(newPlayer && newPlayer.casting);
@@ -258,7 +258,7 @@ const WebControls = ({player, playbackStarted, canPlay, recentlyInteracted, setR
258
258
  // Take focus off of this button because it should no longer be selectable after playback starts
259
259
  player.target.firstChild.focus();
260
260
  }}
261
- className={`${ControlStyles["center-play-button"]} ${canPlay && !playbackStarted && !(player && player.casting) ? "" : ControlStyles["center-play-button--hidden"]}`}
261
+ className={`${ControlStyles["center-play-button"]} ${canPlay && !playbackStarted && !(player && player.casting) && !(player && player.controls && player.controls.IsPlaying() && !player.casting) ? "" : ControlStyles["center-play-button--hidden"]}`}
262
262
  />
263
263
  <div className={`${ControlStyles["bottom-controls-container"]} ${hideControls ? ControlStyles["bottom-controls-container--autohide"] : ""}`}>
264
264
  <div className={ControlStyles["bottom-controls-gradient"]} />
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eluvio/elv-player-js",
3
- "version": "2.1.26",
3
+ "version": "2.1.28",
4
4
  "description": "![Eluvio Logo](lib/static/images/Logo.png \"Eluvio Logo\")",
5
5
  "main": "dist/elv-player-js.es.js",
6
6
  "license": "MIT",