js-player

Вся разработка ведется в докер контейнере. Все зависимости хранятся исключительно в нем. Для сборки контейнера необходимо выполнить

предварительно в Docker файле надо активировать нужную строчку начального образа.

docker build -t voka-player .

Обязательно перед запуском докера создать директорию node_modules! Ни в коем случае не вносить в нее какие-либо изменения. Директория реплицируется на хост машину для удобства.

Далее требуется запустить докер композ.

docker-compose up -d

Можно запустить докер вручную:

docker run -p 8080:8080 -v $PWD:/usr/voka -v /usr/voka/node_modules voka-player

В браузере перейти на страницу localhost:8080.

Все внесменные изменения в src инициируют перекомпилляцию.

Работаем с Tizen

https://developer.tizen.org/development/tizen-studio/download/

Параметры для плеера

skip - установка значений перемотки вперед/назад в секундах

• forward:number - перемотка вперед
• backward:number - перемотка назад максимум 300, минимум 1 При отсутсвии какого-либо значения иконка перемотки прячется При отсутсвии skip, также прячется вся перемотка

skip: {
    forward: 1, // default: 10
    backward: 5, // default: 10
},

playbackRates - параметры скорости воспроизведения Массив с значениями скорости воспроизведения При отсутствии playbackRates элемент управления прячется

playbackRates: [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2]

tracks - трэки для отображения субтитров

• kind - тип ('subtitles')
• src - ссылка на субтитры
• srclang - язык субтитров
• label - название, которое будет отображаться в списке

tracks: [
    {
        kind: "subtitles",
        src: "{link}",
        srclang: 'ru',
        label: 'Название субтитров',
    },
...
],

Параметры для отображения элементов в control-bar

Если в параметрах плеера стоит: controls: true, то будут отбражаться все элементы управления

volume - параметры для звука

• inline - указывает вертикально(false), горизонтально (true) будет отображатся бегунок для звука

volume: {
  inline: true, // default: false
},

zoom - параметры для зума Если отсутствует, то zoom не отображается

{
  zoom: true,
}

replay - кнопка "начать сначала" Если отсутствует, то replay не отображается

{
  replay: true,
}

play - кнопка "Play" Если отсутствует, то Play не отображается

{
  play: true,
}

progress - прогресс просмотра Если отсутствует, то прогресс не отображается

{
  progress: true,
}

fullscreen - кнопка "отображения в фулскрине" Если отсутствует, то fullscreen не отображается

{
  fullscreen: true,
}

selection - отображение элементов управления для выбора участка видео Если отсутствует, то selection не отображается

{
  selection: true,
}

enableDocumentPictureInPicture - включает картинку в картинке, если она доступна для браузера

{
  enableDocumentPictureInPicture: true,
}