@vidispine/vdt-videojs 23.1.0 → 23.2.0-pre.2

package/deprecated-app/samples/birds.vvt

@@ -1,53 +0,0 @@
-WEBVTT
-
-
-00:00:00.500 --> 00:00:03.500 line:0%
-The birds...
-
-00:00:03.800 --> 00:00:05.800 line:0%
-They are flying and diving in the ocean.
-
-00:00:06.000 --> 00:00:07.000 line:0%
-And now...
-
-00:00:07.200 --> 00:00:08.000 position:58% line:0%
-The birds feast.
-
-00:00:08.200 --> 00:00:10.000 line:0%
-Yumm, loveley fishes!
-
-00:00:10.100 --> 00:00:12.000 line:0%
-Fishes have lots of nutrients in them.
-
-00:00:12.000 --> 00:00:13.200 line:0%
-What if the fish can feel pain?
-
-00:00:13.200 --> 00:00:14.500 position:61% line:0%
-It's a thought.
-
-00:00:14.522 --> 00:00:16.900 line:0%
-Do fish speak english?
-
-00:00:16.950 --> 00:00:18.200 line:0%
-Gulp gulp gl gllllp...
-
-00:00:18.300 --> 00:00:20.200 line:0%
-We have to stop the rogue fish.
-
-00:00:20.333 --> 00:00:25.333 line:0%
-Swoosh swooosh; dive or die
-
-00:00:26.000 --> 00:00:28.240 line:0%
-This looks collosal.
-
-00:00:28.951 --> 00:00:30.785 line:0%
-Got em!!!
-
-00:00:30.900 --> 00:00:32.000 line:0%
-O-oh, the big fishes are coming.
-
-00:00:33.200 --> 00:00:36.044 line:0%
-"We are going to end you" 
-
-00:00:36.800 --> 00:00:42.547 line:0%
-OK, gotta bounce, WHALE this hasn't gooten any worse than it is; check out this long subtitle line!

package/deprecated-app/tests.js

@@ -1,365 +0,0 @@
-/* eslint-disable no-undef */
-/* eslint-disable no-console */
-import mousetrap from 'mousetrap';
-
-import constants from '../src/constants';
-
-// use this to keep logs sane
-function logMiddleware(output, type = '') {
-  // use log events for extra decoupled needs
-  const evt = new Event('log', {
-    bubbles: true,
-    cancelable: false,
-  });
-  evt.output = output;
-  evt.logType = type;
-  document.dispatchEvent(evt);
-}
-
-export const log = {
-  title: (str) => {
-    const output = `----------------------\n${str}\n----------------------`;
-    logMiddleware(output);
-    console.log(output);
-  },
-  progress: (str) => {
-    const output = `[ OK ] -  ${str}`;
-    logMiddleware(output);
-    console.log(output);
-  },
-  fail: (str) => {
-    const output = `[ ERR ] -  ${str}`;
-    logMiddleware(output);
-    console.error(output);
-  },
-  final: (str) => {
-    const output = `[ DONE ] - ${str}`;
-    logMiddleware(output, 'final');
-    console.log(output);
-  },
-};
-
-// simple assertion method
-let allOK = true;
-function assert(bool, desc) {
-  if (bool) {
-    log.progress(desc);
-  } else {
-    allOK = false;
-    log.fail(desc);
-  }
-}
-
-// helper methods for doing the work
-function getIntInRange(min, max) {
-  return Math.floor(Math.random() * (max - min + 1)) + min;
-}
-
-async function pressKeys(keysArr) {
-  return new Promise((resolve) => {
-    // press like a very fast monkey, max 300ms-ish speed
-    keysArr.forEach((key, index) => {
-      setTimeout(() => {
-        // play key
-        mousetrap.trigger(key);
-
-        if (index === keysArr.length - 1) {
-          // last keystroke
-          resolve();
-        }
-      }, 100 * index + getIntInRange(150, 250));
-    });
-  });
-}
-
-async function sleep(milis = 50) {
-  return new Promise((r) => {
-    setTimeout(r, milis);
-  });
-}
-
-async function waitForSeek() {
-  const checkInterval = 300;
-  let checkIntervalInstance;
-
-  function isSeeking() {
-    return player.container.classList.contains('vjs-seeking');
-  }
-
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      // wait for 'seeking' to start
-      checkIntervalInstance = setInterval(() => {
-        // check every x ms
-        if (!isSeeking()) {
-          clearInterval(checkIntervalInstance);
-          resolve(true);
-        }
-      }, checkInterval);
-    }, 50);
-  });
-}
-
-// test declarations
-const tests = {
-  unitTests: () => {
-    console.log('TODO - unit tests');
-  },
-  testTimecode: async () => {
-    log.title('Testing timeCodeDisplay mounted in player');
-
-    player.timeCode.update({
-      frame: 21,
-      seconds: 22,
-      minutes: 23,
-      hours: 1,
-    });
-
-    const timeCodeAssertion1 =
-      player.timeCode.frame === 21 &&
-      player.timeCode.seconds === 22 &&
-      player.timeCode.minutes === 23 &&
-      player.timeCode.hours === 1;
-    assert(timeCodeAssertion1, 'Numbers with pure timeCode.update(...) method match');
-
-    player.videojs.currentTime(0);
-    await waitForSeek();
-    const timeCodeAssertion2 =
-      player.timeCode.frame === 0 &&
-      player.timeCode.seconds === 0 &&
-      player.timeCode.minutes === 0 &&
-      player.timeCode.hours === 0;
-    assert(
-      timeCodeAssertion2,
-      'Timecode reacted to player time update, everything should be zeroed out',
-    );
-
-    let i = 1;
-    const times = 22;
-    await new Promise((resolve) => {
-      while (i <= times) {
-        player.frameForward();
-        if (i === times) {
-          resolve();
-        }
-        i += 1;
-      }
-    });
-    await waitForSeek();
-    assert(
-      player.timeCode.frame === times,
-      'Timecode reacted to frameForward, should be 22nd frame',
-    );
-
-    await sleep(); // sleep
-    player.videojs.currentTime(13);
-    await waitForSeek();
-    assert(
-      player.timeCode.seconds === 13 && player.timeCode.minutes === 0,
-      'Timecode reacted to player time update, seconds should be 13',
-    );
-
-    log.progress('Done with timeCodeDisplay tests');
-  },
-  testHotKeys: async () => {
-    player.videojs.currentTime(0);
-    player.videojs.paused(true);
-
-    log.title('Testing hotkeys');
-
-    await pressKeys(['space']);
-    assert(!player.videojs.paused(), 'Space key starts player');
-
-    await pressKeys(['space']);
-    assert(player.videojs.paused(), 'Space key pauses player');
-
-    await pressKeys(['k']);
-    assert(!player.videojs.paused(), 'K key starts player');
-
-    await pressKeys(['k']);
-    assert(player.videojs.paused(), 'K key pauses player');
-
-    await sleep();
-
-    const secBeforeJumpForward = Math.round(player.videojs.currentTime());
-    await pressKeys(['l', 'l']);
-    await waitForSeek();
-    const secAfterJumpForward = Math.round(player.videojs.currentTime());
-    assert(
-      // eslint-disable-next-line import/no-named-as-default-member
-      secAfterJumpForward - secBeforeJumpForward >= constants.defaults.jumpSeconds * 2,
-      'Jump forward with L key works',
-    );
-
-    await sleep();
-    await pressKeys(['l']);
-    await waitForSeek();
-
-    const secBeforeJumpBackward = Math.round(player.videojs.currentTime());
-    await pressKeys(['j', 'j']);
-    await waitForSeek();
-    const secAfterJumpBackward = Math.round(player.videojs.currentTime());
-    assert(
-      // eslint-disable-next-line import/no-named-as-default-member
-      secBeforeJumpBackward - secAfterJumpBackward >= constants.defaults.jumpSeconds * 2,
-      'Jump backward with J key works',
-    );
-
-    await sleep(100);
-
-    const frameBeforeFF = player.timeConverter.currentFrame(player.videojs.currentTime());
-    await pressKeys(['right']);
-    await waitForSeek();
-    const frameAfterFF = player.timeConverter.currentFrame(player.videojs.currentTime());
-    assert(frameAfterFF === frameBeforeFF + 1, '→ Frame forward with right arrow key works');
-
-    const frameBeforeFB = player.timeConverter.currentFrame(player.videojs.currentTime());
-    await pressKeys(['left']);
-    await waitForSeek();
-    const frameAfterFB = player.timeConverter.currentFrame(player.videojs.currentTime());
-    assert(frameAfterFB === frameBeforeFB - 1, '← Frame backward with left arrow key works');
-
-    player.volume = 1.0;
-    await pressKeys(['down', 'down', 'down', 'down']);
-    assert(player.volume < 0.8, '↓ Volume adjustment with down arrow works');
-
-    player.volume = 0.2;
-    await pressKeys(['up', 'up', 'up', 'up', 'up', 'up', 'up', 'up']);
-    assert(player.volume > 0.8, '↑ Volume adjustment with up arrow works');
-
-    await pressKeys(['m']);
-    assert(player.volume === 0, 'Mute with m key works');
-
-    await pressKeys(['m']);
-    assert(player.volume > 0, 'Unmute with m key works');
-
-    log.progress('Done with hotkey tests');
-  },
-  seekBar: () => {
-    seekbar.regions = [
-      new seekbar.Region({
-        in: 1,
-        out: 2.8,
-        title: 'Cool!',
-        annotation: 'Lorem ipsum sit dolor atmet my friend...',
-      }),
-      new seekbar.Region({ in: 12, out: 16 }),
-      new seekbar.Region({ in: 22, out: 28 }),
-    ];
-
-    setTimeout(() => {
-      seekbar.regions = [
-        new seekbar.Region({
-          in: 9.7597499,
-          out: 14,
-          title: 'Birds',
-          annotation:
-            'Birds are a group of feathered theropod dinosaurs, and constitute the only living dinosaurs.',
-        }),
-        new seekbar.Region({
-          in: 1,
-          out: 2.8,
-          title: 'Cool!',
-          annotation: 'Lorem ipsum sit dolor atmet my friend...',
-        }),
-        new seekbar.Region({
-          in: 18,
-          out: 22,
-          title: 'Dinosaurs',
-          annotation:
-            'Based on fossil and biological evidence, most scientists accept that birds are a specialised subgroup of theropod dinosaurs.',
-        }),
-      ];
-    }, 1500);
-  },
-  testInFrameMenu: async () => {
-    // reduces repeat code for assertions
-    function isMenuOpen() {
-      return player.menu.state.opened && player.menu.menuContainer.classList.contains('open');
-    }
-
-    log.title('Testing in frame menu');
-    log.progress('Testing open / close functionality...');
-
-    await pressKeys(['n']);
-    await sleep(400);
-    assert(isMenuOpen(), 'Menu state is opened upon first N key toggle');
-
-    await pressKeys(['n']);
-    await sleep(400);
-    assert(!isMenuOpen(), 'Menu state is closed upon second N key toggle');
-
-    await pressKeys(['n']);
-    await sleep(400);
-    await pressKeys(['esc']);
-    await sleep(400);
-    assert(!isMenuOpen(), 'Menu state is closed after pressing the ESC key');
-
-    const menuButtonEl = document.getElementsByClassName('vdt-settings-menu-button')[0];
-    menuButtonEl.click();
-    await sleep(400);
-    assert(isMenuOpen(), 'Menu state is opened upon first click event invocation on menu btn');
-
-    menuButtonEl.click();
-    await sleep(400);
-    assert(!isMenuOpen(), 'Menu state is closed upon second click event invocation on menu btn');
-
-    menuButtonEl.click();
-    await sleep(400);
-    player.container.click();
-    await sleep(400);
-    assert(!isMenuOpen(), 'Menu is being closed upon clicking outside the menu area when open');
-
-    log.progress('Testing video source switching and subtitles selection capability');
-
-    const videoSrcBeforeSwitch = player.videojs.src().toString();
-    player.menu.open();
-    await sleep(400);
-
-    // find the sources menu item and click it
-    const sourcesMenuItem = player.menu.state.items.find(
-      (menuItem) => menuItem.props.title.toLowerCase().indexOf('sources') > -1,
-    );
-    if (sourcesMenuItem) sourcesMenuItem.container.click();
-    await sleep(400);
-
-    // find a subitem that's not the selected one currently and click it
-    const altSrcMenuItem = player.menu.state.subItems.find((menuItem) => !menuItem.props.selected);
-
-    // avoid sound on playback of the other video src
-    const playerVolBefore = player.volume;
-    player.volume = 0;
-
-    if (altSrcMenuItem) altSrcMenuItem.container.click();
-    await waitForSeek();
-    sleep();
-    player.pause();
-
-    const videoSrcAfterSwitch = player.videojs.src().toString();
-    assert(videoSrcBeforeSwitch !== videoSrcAfterSwitch, 'Video source was changed successfully');
-    player.volume = playerVolBefore;
-
-    // TODO - test subtitles selection
-
-    log.progress('Done with in frame menu tests');
-  },
-};
-
-// test runner
-async function runTests() {
-  allOK = true;
-  await tests.testHotKeys();
-  await tests.testTimecode();
-  await tests.testInFrameMenu();
-
-  if (allOK) {
-    console.log('\n\n'); // space
-    log.final('All tests passed. :)');
-  } else {
-    log.fail('All tests did not pass, check console output...');
-  }
-}
-
-export { tests };
-
-export default runTests;