@clickview/player 0.0.8-dev.2 → 0.0.8-dev.3

package/.storybook/stories/utils/mock-playerapi.ts

@@ -1,361 +0,0 @@
-import { PlaybackObject, Files, Chapters, Subtitles, LocalCacheAddress, Resources } from '../../../src/interfaces/models/PlaybackObject';
-
-import interactive from '../assets/interactive.json';
-
-const basicFiles = <Files> {
-  progressive: [{
-    url: 'https://static.clickview.com.au/testvideos/vpsbenchmark.mp4',
-    mimeType: 'video/mp4',
-    profile: '720'
-  }]
-};
-
-const multipleFiles = <Files> {
-  progressive: [{
-    mimeType: 'video/mp4',
-    profile: '240',
-    url: 'https://static.clickview.com.au/testvideos/vpsbenchmark.mp4?quality=240'
-  },{
-    mimeType: 'video/mp4',
-    profile: '720',
-    url: 'https://static.clickview.com.au/testvideos/vpsbenchmark.mp4?quality=720'
-  }]
-}
-
-const emptyChapters = <Chapters> {
-  list: []
-};
-
-const mockChapters = <Chapters> {
-  list: [{
-    name: 'Waves',
-    timestamp: 0,
-    endTimestamp: 5
-  },
-  {
-    name: 'Some More Waves',
-    timestamp: 5,
-    endTimestamp: 11
-  },
-  {
-    name: 'Waves hitting Rocks',
-    timestamp: 11,
-    endTimestamp: 13
-  },
-  {
-    name: 'Rocky Rocks',
-    timestamp: 13,
-    endTimestamp: 20
-  },
-  {
-    name: 'End of waves',
-    timestamp: 20,
-    endTimestamp: 28
-  },
-  {
-    name: 'Credits',
-    timestamp: 28,
-    endTimestamp: 600
-  }]
-};
-
-const emptySubtitles = <Subtitles> {
-  list: []
-};
-
-const multipleSubtitles = <Subtitles> {
-  list: [{
-    label: 'English',
-    language: 'en',
-    url: './en.vtt',
-    mimeType: 'text/vtt'
-  }, {
-    label: 'Spanish',
-    language: 'es',
-    url: './es.vtt',
-    mimeType: 'text/vtt'
-  },{
-    label: 'French',
-    language: 'fr',
-    url: './fr.vtt',
-    mimeType: 'text/vtt'
-  }]
-};
-
-const mockResources = <Resources> {
-  list: [
-    {
-      name: "Comprehension Questions",
-      url: "https://file.api.stg.cvnet.io/v1/files/d9a638acb5e94845bde68ffcee9f268f",
-      metadata: {
-        type: 'pdf'
-      }
-    },
-    {
-      name: "Ice Cube",
-      url: "https://file.api.stg.cvnet.io/v1/files/cb537b963dd4492dbd46a7616240f704",
-      metadata: {
-        type: 'image'
-      }
-    },
-    {
-      name: "Key Concepts",
-      url: "https://file.api.stg.cvnet.io/v1/files/fee99545827647c5a833eb6d35457684"
-    },
-    {
-      name: "Classroom Activity: Who Is Centred?",
-      url: "https://file.api.stg.cvnet.io/v1/files/dffe3954b85a46019bb7f10653430aee"
-    },
-    {
-      name: "Who Is Centred?: The Geocentric Model vs Heliocentric Model",
-      url: "https://file.api.stg.cvnet.io/v1/files/ff1ac5c29d2b43a6a766e32626fdd55a"
-    },
-    {
-      name: "Endless Story Board Game: Instructions and Questions",
-      url: "https://file.api.stg.cvnet.io/v1/files/464090b8d1bc4ef78e0f3fae9b439f3e"
-    },
-    {
-      name: "Endless Story Board Game: Board Game Pieces",
-      url: "https://file.api.stg.cvnet.io/v1/files/39bbbef9b4274338afbfd5c3f11d4334"
-    },
-    {
-      name: "Outstanding Milestones in Mathematics",
-      url: "https://file.api.stg.cvnet.io/v1/files/21c3a97dbefb4c678c40ea2f302dde09"
-    },
-    {
-      name: "Classroom Experiment Activity: Imitating Galileo",
-      url: "https://file.api.stg.cvnet.io/v1/files/63b0311220514282b34fa389070ea1c1"
-    },
-    {
-      name: "Key Concepts: The Language of Science",
-      url: "https://file.api.stg.cvnet.io/v1/files/c395bb90504f44d7b082cd86178102ae"
-    },
-    {
-      name: "Classroom Activity: Who Is Centred?",
-      url: "https://file.api.stg.cvnet.io/v1/files/3f6453ade0b04ed191b1e4707c1b593c"
-    },
-    {
-      name: "Who Is Centred?: The Geocentric Model vs Heliocentric Model",
-      url: "https://file.api.stg.cvnet.io/v1/files/6b1319fcdb80425d86f7a89bc02c90f1"
-    },
-    {
-      name: "Endless Story Board Game: Instructions and Questions",
-      url: "https://file.api.stg.cvnet.io/v1/files/f8d70f5fd1f1442e9acd85fc23b02700"
-    },
-    {
-      name: "Endless Story Board Game: Board Game Pieces",
-      url: "https://file.api.stg.cvnet.io/v1/files/1c3f60c920534a129744a516c1413cf4"
-    },
-    {
-      name: "Outstanding Milestones in Mathematics",
-      url: "https://file.api.stg.cvnet.io/v1/files/cecb07e558244a39b9f0772c5938d0d7"
-    },
-    {
-      name: "Classroom Experiment Activity: Imitating Galileo",
-      url: "https://file.api.stg.cvnet.io/v1/files/5c179f615a974dccae89f6533fbda4c9"
-    },
-    {
-      name: "Maths, the Language of Science",
-      url: "https://file.api.stg.cvnet.io/v1/files/b58daa1d60d5474ba556e2a3fc4942b7"
-    }
-  ]
-};
-
-const emptyLocalCacheAddresses = <LocalCacheAddress[]> [];
-
-const mockExtraData = {
-  title: 'Paralympics',
-  videoId: '',
-  viewerId: '',
-  viewerCustomerId: '',
-  region: '',
-  mediaId: '',
-  settings: {
-    showSubtitles: false,
-    playbackProfile: '',
-    playbackProfileLocalCache: '',
-    playbackSubtitleSizeDefault: ''
-  },
-  warning: 'Bloody Scenes, Violence, Alcohol Abuse and Death',
-  ratingCode: 'PG',
-  seriesName: 'Global Icons',
-  seasonNumber: 1,
-  episodeNumber: 2
-}
-
-const sources: { [key: string]: PlaybackObject } = {
-  basic: {
-    files: basicFiles,
-    mediaType: 'MasterVideo',
-    chapters: emptyChapters,
-    subtitles: {
-      list: [{
-        isDefault: false,
-        label: 'English',
-        language: 'en-au',
-        url: './en.vtt',
-        mimeType: 'text/vtt'
-      }]
-    },
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  chapters: {
-    files: basicFiles,
-    mediaType: 'MasterVideo',
-    chapters: mockChapters,
-    subtitles: emptySubtitles,
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  vertical: {
-    files: {
-      progressive: [{
-        mimeType: 'video/mp4',
-        profile: '720',
-        url: './vertical.mp4'
-      }]
-    },
-    mediaType: 'MasterVideo',
-    chapters: mockChapters,
-    subtitles: emptySubtitles,
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  error: {
-    files: {
-      progressive: [{
-        mimeType: 'video/mp4',
-        profile: '240',
-
-        // This is intentionally not a video url
-        url: 'https://clickview.com.au'
-      }]
-    },
-    mediaType: 'MasterVideo',
-    chapters: emptyChapters,
-    subtitles: emptySubtitles,
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  multipleQualities: {
-    files: multipleFiles,
-    mediaType: 'MasterVideo',
-    chapters: emptyChapters,
-    subtitles: emptySubtitles,
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  poster: {
-    files: basicFiles,
-    mediaType: 'MasterVideo',
-    chapters: emptyChapters,
-    posterUrl: 'https://image.api.stg.cvnet.io/v2/thumbnails/Q229lo',
-    subtitles: emptySubtitles,
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  everything: {
-    files: multipleFiles,
-    mediaType: 'MasterVideo',
-    chapters: mockChapters,
-    posterUrl: 'https://image.api.stg.cvnet.io/v2/thumbnails/Q229lo',
-    subtitles: multipleSubtitles,
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  multipleSubtitles: {
-    files: basicFiles,
-    mediaType: 'MasterVideo',
-    chapters: emptyChapters,
-    subtitles: multipleSubtitles,
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  multipleTracksWithDefault: {
-    files: basicFiles,
-    mediaType: 'MasterVideo',
-    chapters: emptyChapters,
-    subtitles: {
-      list: [{
-        label: 'English',
-        language: 'en',
-        url: './en.vtt',
-        mimeType: 'text/vtt'
-      }, {
-        label: 'Spanish',
-        language: 'es',
-        url: './es.vtt',
-        isDefault: true,
-        mimeType: 'text/vtt'
-      },{
-        label: 'French',
-        language: 'fr',
-        url: './fr.vtt',
-        mimeType: 'text/vtt'
-      }]
-    },
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  interactive: {
-    files: basicFiles,
-    mediaType: 'MasterInteractive',
-    chapters: emptyChapters,
-    additionalData: interactive,
-    subtitles: emptySubtitles,
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  clip: {
-    files: basicFiles,
-    mediaType: 'MasterClip',
-    chapters: emptyChapters,
-    additionalData: {
-      startTime: 60,
-      endTime: 240
-    },
-    subtitles: emptySubtitles,
-    localCacheAddresses: emptyLocalCacheAddresses,
-    resources: mockResources,
-    ...mockExtraData
-  },
-  localcache: {
-    files: multipleFiles,
-    mediaType: 'MasterVideo',
-    chapters: emptyChapters,
-    subtitles: emptySubtitles,
-    localCacheAddresses: [{
-      httpsAddress: 'https://local.clickviewlocalcache.com:9055',
-      name: 'test',
-      playbackProfile: '1080'
-    }],
-    resources: mockResources,
-    ...mockExtraData
-  }
-};
-
-export function mockplayerApi(viewKey: string): Promise<PlaybackObject> {
-  const playbackObject = sources[viewKey];
-
-  if (!playbackObject)
-    throw Error('Unknown viewKey: ' + viewKey);
-
-  return new Promise<PlaybackObject>(resolve => {
-
-    // 200ms Timeout is just simulating an async api call to fetch tech info
-    window.setTimeout(() => {
-      resolve(playbackObject);
-    }, 200);
-  });
-}

package/.storybook/stories/utils/mock-setup.ts

@@ -1,16 +0,0 @@
-import { VideoJsPlayer } from 'video.js';
-import { BasePlayerOptions } from '../../../src/players/base-player';
-
-export const mockSetups: any = {
-  thumbnails: function(options: BasePlayerOptions, player: VideoJsPlayer): void {
-    player.addRemoteTextTrack({
-      kind: 'metadata',
-      src: './thumbnails.vtt',
-      label: 'thumbnails'
-    }, true);
-  },
-
-  everything: function(options: BasePlayerOptions, player: VideoJsPlayer): void {
-    mockSetups.thumbnails(options, player);
-  }
-};