Добавить возможность поделиться видео.
Суть в том, что Калтура позволяет шерить кусок фильма, с ХХ по ХХ минуты.
Сейчас стоит задача дать возможность учителю шерить не только линк на целый фильм, как это реализовано сейчас, а выбрать отрезок по своему усмотрению.
Предположения и некоторые наработки по передаче параметров и запуску видео с нужного момента и до нужного момента. Я не делал прям такую же штуку, но делал подстановку параметров в плеер и имею некоторые наброски, которые могли бы помочь избежать лишнего гуглинга)
1. Вытащишь значения с полей "Start" и "End"
2. Перевод строчного времени с полей в секунды:
let time = '00:02:03';
let seconds = new Date('1970-01-01T' + time + 'Z').getTime() / 1000;
3. Составишь URL из текущего видео + ?st=seconds1&ed=seconds2
4. Если нужно загнать ссылку в буфер обмена:
(не самый лучший, но все еще рабочий вариант, хочешь - можешь переделать под clipboard api)
let temp = $("<input>");
$("body").append(temp);
temp.val(<твой_итоговый_url_здесь>).text()).select();
document.execCommand("copy");
temp.remove();
5. На странице мувика. Перед инициализацией плеера:
let urlParams = new URLSearchParams(window.location.search);
6. Внутри:
//kWidget.embed({ ...
flashvars: {
// all flashvars params
// ....
"mediaProxy.mediaPlayFrom": urlParams.has('st') ? urlParams.get('st') : 0,
"mediaProxy.mediaPlayTo": urlParams.has('ed') ? urlParams.get('ed') : 0,
},
здесь если передан 0, то начнется с самого начала:
"mediaProxy.mediaPlayFrom
а здесь если передан 0, то видео просто не будет останавливаться:
"mediaProxy.mediaPlayTo"
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Шукаю досвідченого Full Stack розробника для створення SaaS-сервісу для інтернет-магазинів.Ідея сервісу: Клієнт завантажує посилання на свій товарний фід (XML або CSV). Сервіс автоматично отримує товари, бере їхні фотографії та створює нові рекламні зображення за готовими шаблонами: ціна, знижка, логотип, акційні плашки тощо. Також у сервісі має бути простий редактор… Javascript та Typescript, Веб-програмування ∙ 2 дні 17 годин тому ∙ 86 ставок |
Розробка WebGL/Three.js сцени з генерацією та експортом 3D (снапшот) з анімованого шейдераОпис об'єкта:Проект являє собою дизайнерський стіл, виконаний у формі реалістичного, глибокого водовороту (центральна воронка, яка плавно переходить з широкої горизонтальної стільниці в тонку витончену ніжку). Суть задачі:Потрібен WebGL / Creative Coding розробник для створення… Javascript та Typescript, Веб-програмування ∙ 3 дні 13 годин тому ∙ 30 ставок |
Підтримка та розвиток сайту клінінгової компанії
904 UAH
Шукаю веб-розробника / вебмайстра для довгострокової підтримки та розвитку сайту клінінгової компанії. Сайт: https://donely.ca Про проєкт DoneLy Home Services — компанія з надання послуг прибирання в Канаді, яка активно розвивається та розширює географію роботи. Шукаю… Javascript та Typescript, Веб-програмування ∙ 5 днів 15 годин тому ∙ 64 ставки |
Розробка сайту по ТЗ на FramerПотрібно зробити сайт по цим параметрам що в тз https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Називайте реальний рейт на основі цього дизайну HTML та CSS верстання, Javascript та Typescript ∙ 6 днів 16 годин тому ∙ 30 ставок |
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 8 днів 7 годин тому ∙ 36 ставок |
Київ