Скриншоты


Можно сделать скриншот видео с помощью Javascript API, если выполнены два условия:

  1. Кроссдоменная политика это разрешает (CORS должен быть настроен на сервере, который раздает видео). Подробнее об этом указано ниже.
  2. Видео загружается обычным файлом (mp4, ogg, webm), используется HLS или DASH

Скриншот забирается командой screenshot

player.api("screenshot");

Если это возможно, плеер вернет картинку строкой в формате base64 (data:image/jpeg). Если создание скриншота невозможно, то вернется false.

Скриншот через JS API


Скриншот своей кнопкой

Вы также можете добавить свой элемент на панель управления плеера, которая будет создавать скриншот. Достаточно указать в поле Действие команду api:screenshot.

Также нужно включить опцию Показывать в углу экрана, либо Предлагать скачать в PRO модуле Скриншоты.В первом случае при нажатии на кнопку скриншот появится в нижнем правом углу экрана. Пользователь сможет его сохранить с помощью правой кнопкой мыши (длинным нажатием на смартфоне), либо удалить кликом. Во втором случае плеер сразу предложит скачать файл, как screenshot.jpeg

Вотермарк

В настройках модуля Скриншоты можно также включить надпись, которая будет отображаться на скриншоте в нижем левом углу. Можно задать размер шрифта и цвет надписи. Укажите domain в текстовом поле, чтобы плеер использовал домен страницы с плеером в качестве надписи.

Требования

Для создания изображения требуется кроссдоменное разрешение, если контент загружается с другого домена. Включить его можно в настройках Служебные / Кроссдоменное разрешение, сервер при этом должен отдавать файлы с разрешающей записью в заголовке Access-Control-Allow-Origin: * Если видео воспроизводится без звука, то что-то не так с кроссдоменной политикой (загляните в консоль браузера). Для потоков HLS и DASH обычно все уже настроено и манипуляции не нужны.


19.10.5
2024 © PlayerJS

Регистрация

Создать аккаунт
Регистрируясь, вы принимаете Пользовательское соглашение
Войдите, если уже есть аккаунт

Восстановить пароль

Восстановить
Если вы забыли свой email, напишите нам