npm - @vidispine/vdt-videojs - Versions diffs - 23.2.0-pre.1 → 23.2.0 - Mend

@vidispine/vdt-videojs 23.2.0-pre.1 → 23.2.0

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 (32) hide show

package/dist/index.css +1 -472
package/dist/index.js +1915 -343
package/dist/index.umd.cjs +460 -0
package/package.json +23 -22
package/.prettierignore +0 -3
package/deprecated-app/README.md +0 -21
package/deprecated-app/index.html +0 -426
package/deprecated-app/index.js +0 -614
package/deprecated-app/samples/birds-es.vvt +0 -53
package/deprecated-app/samples/birds.vvt +0 -53
package/deprecated-app/tests.js +0 -365
package/dist/index.es.js +0 -336
package/dist/index.umd.js +0 -352
package/rollup.config.js +0 -58
package/screenshot.png +0 -0
package/src/constants.js +0 -51
package/src/externalControls.js +0 -318
package/src/helpOverlay.js +0 -110
package/src/helpers.js +0 -39
package/src/index.js +0 -7
package/src/index.stories.mdx +0 -52
package/src/menu.api.stories.mdx +0 -53
package/src/menu.js +0 -373
package/src/menu.usage.stories.mdx +0 -78
package/src/osd.js +0 -105
package/src/player.api.stories.mdx +0 -114
package/src/player.js +0 -1029
package/src/player.scss +0 -667
package/src/player.usage.stories.mdx +0 -62
package/src/seekBar.js +0 -904
package/src/timeCodeDisplay.js +0 -274
package/src/videoTime.js +0 -66

package/deprecated-app/index.html DELETED Viewed

@@ -1,426 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>vdt-videojs demo</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <style type="text/css">
-      /* css reset */
-      html,
-      body,
-      div,
-      span,
-      applet,
-      object,
-      iframe,
-      h1,
-      h2,
-      h3,
-      h4,
-      h5,
-      h6,
-      p,
-      blockquote,
-      pre,
-      a,
-      abbr,
-      acronym,
-      address,
-      big,
-      cite,
-      code,
-      del,
-      dfn,
-      em,
-      img,
-      ins,
-      kbd,
-      q,
-      s,
-      samp,
-      small,
-      strike,
-      strong,
-      sub,
-      sup,
-      tt,
-      var,
-      b,
-      u,
-      i,
-      center,
-      dl,
-      dt,
-      dd,
-      ol,
-      ul,
-      li,
-      fieldset,
-      form,
-      label,
-      legend,
-      table,
-      caption,
-      tbody,
-      tfoot,
-      thead,
-      tr,
-      th,
-      td,
-      article,
-      aside,
-      canvas,
-      details,
-      embed,
-      figure,
-      figcaption,
-      footer,
-      header,
-      hgroup,
-      menu,
-      nav,
-      output,
-      ruby,
-      section,
-      summary,
-      time,
-      mark,
-      audio,
-      video {
-        margin: 0;
-        padding: 0;
-        border: 0;
-        font-size: 100%;
-        font: inherit;
-        vertical-align: baseline;
-      } /* HTML5 display-role reset for older browsers */
-      article,
-      aside,
-      details,
-      figcaption,
-      figure,
-      footer,
-      header,
-      hgroup,
-      menu,
-      nav,
-      section {
-        display: block;
-      }
-      body {
-        line-height: 1;
-      }
-      ol,
-      ul {
-        list-style: none;
-      }
-      blockquote,
-      q {
-        quotes: none;
-      }
-      blockquote:before,
-      blockquote:after,
-      q:before,
-      q:after {
-        content: '';
-        content: none;
-      }
-      table {
-        border-collapse: collapse;
-        border-spacing: 0;
-      }
-      html,
-      body {
-        width: 100%;
-        font-family: 'Helvetica Neue', 'San Francisco', sans-serif;
-        line-height: 1.5;
-        background: #eee;
-        color: #334;
-        position: relative;
-      }
-      html.dark,
-      html.dark body {
-        background: #333;
-        color: #efefef;
-      }
-      html.dark a {
-        color: #999;
-      }
-      html.dark hr {
-        opacity: 0.5;
-      }
-      html {
-        height: 100%;
-      }
-      body {
-        min-height: 100%;
-      }
-      * {
-        box-sizing: border-box;
-      }
-      hr {
-        border: 0px;
-        border-top: 1px solid white;
-      }
-      label {
-        color: #999;
-        font-size: 12px;
-        display: inline-block;
-        transform: translateX(-100%) translateY(-33px);
-        padding-right: 42px;
-        position: absolute;
-      }
-      label:after {
-        content: ' ⇢';
-        font-size: 15px;
-      }
-      #demo-content {
-        padding: 0px 0px 20px 0px;
-        width: 742px;
-        max-width: 100%;
-        margin: 0 auto;
-        margin-bottom: 40px;
-        /*border-bottom: 1px solid white;*/
-      }
-      .vdt-lightswitch {
-        cursor: pointer;
-        padding-top: 120px;
-        background-size: 25px auto;
-        background-position: center center;
-        background-repeat: no-repeat;
-        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABLCAYAAAAyEtS4AAAQu0lEQVR42s2beYxV9RXHRQSXojVUY611qUFtSpuYkphQbKGVItg/WCKJWFkERAUUBBQQF5BFRFFZBURBVmWRVRAHZBEcUNZBdhBlE4ZtGGbmLXf59ft5+f1ebqZoeJk3M7zk5L53372/e77nfM/yO2/msvJ4GWOqSC6XVJ01a1bV/v37877KZZf6C0VRGMV/SWEHLCqcKy2sV5HKX7Fjx47qenC10sp37979+q+++qrO1q1bG23atOnvc+fO/X2m669cufKKcgUgK6J89Qt8dc2qVaua7N27d0Z+fv7xRCJhePm+b06dOlV85MiRVXv27Ok4ffr0O3XttZIrJTVefPHFmz/88MM7df4uvnv77bdrRp5VtVx4jwcip6BTHVm+y3fffTf50KFDe2KxmOEVhqE5f/58KAD+sWPHguPHj5vi4mJz5swZs23btuItW7bs27179/YDBw7s+/7770/++OOP53/44YeSgwcPFurcEa03e8OGDX+wz80emKhlXn/99Vq5ubkDZd3NUtILgsC418mTJwMpE9u5c6cnCffv32+OHj0anj592hewuIAm8ZB78R7wRUVF5ty5c+bs2bN4z3ieZ0TJHaJvDQum7DETXeTrr78eJosloE0ymUw9WJTxdS4uSiUEAuujFAqiUOq6kpISU1hYiJIh4OWBBOtwjwAnt2/f7slT3ubNm72NGzfGBaJEHjEzZ878T1YoFgniqt9++20OCv30009GlvZRYNeuXZ6oEaI8tAGYrG9OnDgBQCNgRp4zogqUMqIUljZay0jRcP369YGM461bty65du3a5Jo1a5KKs9jy5cu9ZcuWGcVOw2wAIXNcxfGLL74YjmJ5eXlxKRTs27cvFGWgUkppxYfROaMYSiksy6aU/eabb4wszGdf57k3pjViymYJAfL5DmD6zH2snwIrI5lPP/10Te3atau79F6m7OTef/7550dRUnQIRA0DKPgvSqQUgQayLko7pdKK4Q1RyCiYzeHDh5GUp+TN1PVKFonVq1fnS/bKI2tlvHk69nWU1rVXwYwyB7eUHIwiWjDEEyiIpVEciQJwFOKzEoIRXYyUCkWdYwK8RmtNluL9v/zyy/bz589/UOn23rfeeut21Z2bW7VqdVObNm1+o0deJ7m6ZcuWt9SsWfO6KM0zLXTR4B6PBaGTlA9RDm7rPQJ90pyXsijNESpBNQKbrOXJgxvkzXG6t9+CBYufnjdvXgfFQC/JyJycnDkCtlqvPAE/KDmhOCnS5yIZ6ajW6x9Rr0rG3li8eHFnLCwwSS0WQB8AWCCcN3qgWbFihREd8ABUgnLEDACgYIpKACIhqFASVyQGMhuZLHUsKCggSfA913I/VITKRsnECHhPR/eMshRBpmDbL+vA4RhK632o91AppfzSpUtDWTIFwAYtnoBiBCuAUIpMRp0IESkcStlAAKk3vrzmK1Z8GcDX/Rgr0HMCeSOQkUI9w/vss8/MRx99tN7ph1w0rUaMGHGX+iMPheX+QFkr1HvEfPLJJwvee++9sXpAUg8my4QojuXwgrM6Rz5jVTwLWAwC/fCgKGWURMySJUsCed9ftGhRcuHChfEFCxbEFD8lMmRMUqjPRs/LySgNA8RW7zukcFyLGy3uS+lQi+JiPJEry+eRAFTYUDaEQgABEF7BS9AOZVUTDJ6TlfEuMRRKfL0PAKUjAIm9aMxxjnupJUaG/Sd6jR8/vtpFAYkG0/vvv58rS5nZs2fHBAoA0CakIGJtCh0ZCqo5C+MxFEZQEmWIpwjtQnmQI+f4HiCFuv+IlN4m76+Ql6bLgKP03KETJkzoMXDgwLui3sg42JUW7x89enSRPvNAX/RAART3ZO2kpQbUw+Jc44qfE5TlnMtqIdfLs2ek5Eq1H6MnTZrU7Z133nl48ODBD7z22mt19f5eGbCOYqLhlClTWo4bN66VztcuZejM068etkSKEOhxxUlKaR1xeSDlE7K6b+sI4qq58wIFk+wD/aAh1OO6pPVCgdYopCWhTeF6jEWHQMGEqhRNDDRnzpxBGXvFXSxutpXSBKNHjOABy/XQpVoU57MAch30gmYABwzUcxnMxZOjJumWjEbq5ZhOv/o+UMqmh/PU6sdhAWtrn1LbpeCMYkT8XKEYIdhjlv8oScrlfUyL75SlTut7PJVOxShPIiABoBwtejweN+qY6YipG2Q1EkRIw6lYCzEKHuF+YosgxziKFWLUF9WMaNcMvUTHqzIBUmXs2LFbWEiSsNmLzOWjuLg7TRZqK09tU/CiOIqhINZ1ews+uxRMQ5lWlkyF51AYr5NIsDqe17MCia+066kEJGQsM2bMGCPK3+kyV0Ye0c1LrUWKp06dmlpMAcgDUSZGA2nrBW08HnAKuxTsagapON2+wHm+470tuHzPdS7jpVO36olR8CeVfh93c4KMY2T48OHtBMJMmzbNHzVqlK8FU0pAB9dGEIx4BMVQwCnsBEX5jlhyCYHYcQ0l11NsZX0C2p8xY8YhUWf1Bx98MELP666s2Vqev6XMTaN4OQ4vaOFQDw1sgGNFPodQw8YP5/gObwAuLXyOZjQA2EIIeO4Pbb3ypPxhKb9RBXmyOuI70OFnPJE5GOX43ooLHk7dSGcvqIAyNJG0KWQXqzTnoI6r5HxO92AUUrIYwnu8SuwACpAYBQ8NGTIkVA35S1k3VgTVNRxV1esRKwQlXrBcpzBCtdAeCVxf4FLFUsp4Vnw8SSNIQaTx5GjfIxgkdb9SLUdfgZ+Ud85OnDjRvPLKKz3LvNVVUF/JUbTqIRBQIEn6dRlH32NFKnXxoEGDiniwCijZzVV7gLt2BeFz+hz0xPpcRyGEtmQv2iFtuGKk3AEDBnQrMxCX5pSG71Ea9G1+j4vPnlyPwliZODg9YvSIB3Rp3Weeeebprl279u/Vq9fEl156aZH6pNw33nhjt2LtmLLeOa2ZVKFFUYKbrAQVU17F6x9//DHGoLejbnha454yA4mOLSdPntxK7mZvDYehmS9BkaRtLcb/wjKscb3k1ttuu612o0aN/vbYY481rlOnTjMpuEuGAIQHOKV5DzACjTeaRkFkba6lxWspg42Wd4pEM6jli1YULWgTKKX+1T64RqdOnapdjALaFhyHWqIR6T1UqsdbRfJGvXKZ/0ar6ZNPPllX9DgHvaSsLyvGBQRgA35hicsbNGhwhbxQ7c033/wVJ3r37t2E3R/G0MbJqCXyLeW62kxFssn+a+TIkVeSAGxKHoMnKJayJgM1FFoqWvxXADdJ1iuGNooym3XPFgXxNkmeksAWyT7JPBljiM7hAU8Fl1pldCzu3Lnzb9O1o7xeqrJXc3z55ZfbQAMCV3RLSCHiZZ88lENWYt9BDLkdostOHK33Emo7ltH6QCvRNiRLvfvuu0fluRqukpcbEGWllEd69uz5b6VbgKCIJ66TcQoleWyJyXI65wsczR+NJhJIPKq4PHVq2LBha0UpGtBAAELWE+3yRb9f28eVHxDH7+eff76+gpO2AqUDago9E6lZyqMonazbQbo2xgleCiUeWVBHPBTiVdH3pIx1IwmGcW15YCjt6jvkDR/rSgKUgErRQYNrGO08LLqLRNINJN/TIeha4uSc1k55vVxBiDZ3S+H6Ur63BOVRPLSDBhQM6bfYXLHNpaWnl6L9oK+ywmfOM0ZyY1YkBKCK41RV+QE6PhJ9flZ+6LT1oZYocx5LU9ERJo8oTnuB0ijInpt9Cftu9uu0+1Fhy8t5vuc6rgccwAAFcAHEm8Rdk6wVRYqSXawT1GGIBqft0M7RCI9gTcBF6fN/wnno5JpN7mUNKGlnBCSJYj0HIH0ckKx5ROn2T5ICshJZyKbY0sM3LImSKOviw8WCA8A1bqaVBkFCIDEQc3oGIEjtD2YNCPy0m6ybVXWLeRgtu23no15wM2AayQtJ6XkX9zlwrOVAMZVJSox2i49k3SPKUrfSsttCxz4jOu4sDcYJn6PnSlPM7d/Te3dSM8NrUvokDemy7hHVjZsEpIA4wSNYLwokCqL0tNEdSwN0QKKxwrCcOBEYUWt6i2wDYYR6g6r1Kfgs8Sy1UMTViSiQKJ0uKI5a0Mp5xQFR/PkSernmWQfCXyQISL4d3Xi24LkYKQ2CPTryc2DwYDTwHRC8DRDrkSnZ9wh9lhY8sFwpl20vnsErkdQbpdjPpl7EBXk0c7mJvgDQk4VKLFT6+6NAshbwarlH6YGkyGIsZjOY25+nxzzRoums7YTvkCgA1rDzY/q0En1my7tVP4hWzeAvHzIabN8oSx2SAtSQ6Ez4YoEgUSDc51p852nGQQn+ziWDEWnmFX7ixOm3q/IelNI8PG5HnQ6AG4k6cXEQFa5xYADvwCSst3111Q0ik/fsv9zC2jvUFJhdKMD8ylZ3FzPRCu+OTpyHHAhHL+oSrT+UKlcQUTBXc9Sm6M8CgxIoFJRq25313XsHgCMSzVTsTQKoJU/0TM/UKuKlDFTNxkx9DbsLtMszGhkxiGAPzmYLTyEEbzqO8BxWtxmJ2VWozZqv8agZOnRot2zHREa/ozz66KOHnn32WSNAnoYSpk+fPkaTFsNAQdN18+qrrxoNpilufE59r3GRadq0qalXr17Qtm3boEuXLqZx48Z13dChooHw0N9169atRBNBrOtLYQAZFKtfv77R35egoLnvvvtM8+bNjf7WxAEwDRs2NC1atAg1Fgq0jtH2+SHWtCm34l8CMrdv375Gk/OExqMGUBqV8pu8q9Ts3aFVusvFW82aNTOtW7dm4p4EvNZ42MZghQNxFX8CQESZuHhuNNDGO8QGScC1MLQrgIBejENNhw4dTLt27QKopvswQIMKB+Iqvehwb79+/Rj/44UQj0hQFA8ZN6HHOwQ8WU49m9E4yTzxxBPmqaeeigFcayyNrl0pHunRo8dIwAhAnBhBMeilTEbbQYZiHGrsztIwyxIdU/HzwgsvBBoBcS8e/VdlxghemSorAiDOFF2K4Q2yFSmZbMURzwAI6wOAa/CkJxC8zxeQWhZIxVPrueeeu0UK5GuECp180i8e0W+AhgEeg24EajE+4j2jUe1tTPv27aFXXJQk0HMqjVou36uGPCJFiBF+Rg5V3LA61CJbUa3ZV9CeQy3mu6Raag2egVYJspj+IrtjhQe726MoaG9QHThsgzuJpQlmvKLZLvHh/hAASVGMawGq+4w8mpBB+LyQmKsMj7iHXieFpsrCITEhbwQ2gxEbbo8BpdJzYDwEWIJdP9N50FD37JdR/lgZQBwFCPbGLnj1e2NADcHqZCe8AJ3ovaAWHiIZ8L3oCJ1C1ZBAsRXofRMb7BVPLQG4Vh45IyqhXKHoFEIvVxSpG2y+GCEhpGBqC3ECCP1RwHkb7H1c3DlvVzgY/YJbV4AOi1bUD1/AQoKXLGV3fUh6Isl70nDHjh2TeJKMp3v+kUHDWH5pWE3i3eL7ev1sRmPoQzNaFFp3u7V1v80zPSRr+arqRhnvrFqcdo5SFe6NaNC7X7Hsb/IjKXzySJJYIE60vyB2jFIznTF9VUJ7ET5TO6q7daxU7ktKp8DI8tfK6sftzi+u7ayH6DzC+4SEeCGL1bZeBcyl83Lb05mzZj1Mx8uwzv6RP8IPP25wR6Xvnum+vFISwPz5ix5fsWLlTFl/pWTLunW5W+WRNfLSfCWB7qWvv5TBRF9VkQted4m/qkAz5mAX+nMQ/uEsQxCV7xmqP4AQ3pcngP8BFgTeJqBACZQAAAAASUVORK5CYII=');
-      }
-      .vdt-external-controls-wrapper,
-      .vdt-seekbar-wrapper {
-        margin: 100px auto 20px auto;
-      }
-      /* timecode style for demo */
-      #demo-content > .vdt-timecode {
-        margin: 60px auto 30px auto;
-        width: 320px;
-        border: 1px solid #777;
-        border-radius: 20px;
-      }
-      #demo-content > .vdt-timecode input {
-        display: inline-block;
-        color: #556;
-        width: 76px;
-        height: 50px;
-        background: none;
-        font-size: 19px;
-        text-align: left;
-        padding-left: 28px;
-        font-family: monospace, sans-serif;
-        /*border: 1px solid #eee;*/
-        border: none;
-      }
-      .dark #demo-content > .vdt-timecode input {
-        color: #fafafa;
-      }
-      /* slight adjustment, looks more organized */
-      label.externalcontrols-js,
-      label.timecodedisplay-js {
-        margin-top: -26px;
-      }
-      .component-api-test-buttons {
-        background: #fafafa;
-        border-radius: 20px;
-        overflow: hidden;
-        margin-top: 26px;
-        display: table;
-        width: 100%;
-        text-align: center;
-        user-select: none;
-        -webkit-user-select: none;
-        opacity: 0.2;
-      }
-      .component-api-test-buttons:hover {
-        opacity: 1;
-        transition: opacity 300ms ease-in;
-      }
-      .component-api-test-buttons td {
-        display: table-cell;
-        padding: 12px 8px;
-        cursor: pointer;
-        font-size: 15px;
-        text-transform: lowercase;
-        color: #444;
-      }
-      .dark .component-api-test-buttons {
-        background: #555;
-      }
-      .dark .component-api-test-buttons td {
-        color: #999;
-      }
-      .component-api-test-buttons td:first-child {
-        padding-left: 10px;
-      }
-      .component-api-test-buttons td:last-child {
-        padding-right: 10px;
-      }
-      .component-api-test-buttons td:hover {
-        background: white;
-        color: #333;
-      }
-      /* goals */
-      #demo-todos {
-        width: 640px;
-        max-width: 100%;
-        margin: 0 auto;
-        padding-bottom: 50px;
-      }
-      #demo-todos .progress-bar {
-        height: 12px;
-        border-radius: 6px;
-        background: #fff;
-        margin-bottom: 20px;
-        margin-top: 20px;
-        overflow: hidden;
-      }
-      #demo-todos .progress-bar .fill {
-        height: 100%;
-        background: #2ecc71;
-        font-size: 9px;
-        letter-spacing: 1px;
-        line-height: 13px;
-        padding-right: 8px;
-        color: white;
-        text-align: right;
-      }
-      /* for testing */
-      .tests {
-        padding-bottom: 20px;
-      }
-      .tests button {
-        padding: 8px 22px;
-        background: #2ecc71;
-        border: 0px;
-        border-radius: 20px;
-        height: 40px;
-        font-size: 1em;
-        color: white;
-        cursor: pointer;
-      }
-      #test-log {
-        z-index: 10;
-        min-height: 100px;
-        max-height: calc(50vh - 100px);
-        width: 100%;
-        left: 0px;
-        bottom: 0px;
-        position: fixed;
-        overflow-y: auto;
-        padding: 22px;
-        font-size: 14px;
-        transform: translate3d(0px, 100%, 0px);
-        transition: transform 300ms ease-in-out;
-        box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
-        background: rgba(0, 0, 0, 0.75);
-        -webkit-backdrop-filter: blur(20px);
-        color: rgba(255, 255, 255, 0.9);
-      }
-      #test-log.active {
-        transform: translate3d(0px, 0px, 0px);
-      }
-      #test-log pre {
-        padding: 2px 0px;
-      }
-      #test-log .final {
-        margin-top: 20px;
-      }
-      /* footer */
-      #footer {
-        background: #34495e;
-        text-align: center;
-        padding: 20px;
-      }
-      html.dark #footer {
-        background: #555;
-        color: #333;
-      }
-      #footer a {
-        color: white;
-        text-decoration: none;
-        margin: 5px 16px;
-        color: #eee;
-      }
-      #footer a:hover {
-        text-decoration: underline;
-        color: white;
-      }
-      @media all and (max-width: 640px) {
-        body {
-          padding-left: 24px;
-          padding-right: 24px;
-        }
-        span.to-do {
-          display: block;
-          /*margin-bottom:8px;*/
-        }
-        #footer {
-          border-radius: 20px;
-          border-bottom-left-radius: 0px;
-          border-bottom-right-radius: 0px;
-        }
-        #footer a {
-          display: block;
-        }
-      }
-      /* live demo mode */
-      .live-demo #demo-todos,
-      .live-demo #footer,
-      .live-demo .vdt-label {
-        display: none;
-      }
-    </style>
-  </head>
-  <body>
-    <div id="demo-content"></div>
-    <!-- player mounts here -->
-    <!-- quick info / links / todos -->
-    <div id="demo-todos"></div>
-    <script type="text/javascript" src="./index.js"></script>
-  </body>
-</html>