Добавить возможность поделиться видео.
Суть в том, что Калтура позволяет шерить кусок фильма, с ХХ по ХХ минуты.
Сейчас стоит задача дать возможность учителю шерить не только линк на целый фильм, как это реализовано сейчас, а выбрать отрезок по своему усмотрению.
Предположения и некоторые наработки по передаче параметров и запуску видео с нужного момента и до нужного момента. Я не делал прям такую же штуку, но делал подстановку параметров в плеер и имею некоторые наброски, которые могли бы помочь избежать лишнего гуглинга)
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
Поддержка и развитие сайта клининговой компании
906 UAH
Ищу веб-разработчика / веб-мастера для долгосрочной поддержки и развития сайта клининговой компании. Сайт: https://donely.ca О проекте DoneLy Home Services — компания по предоставлению услуг уборки в Канаде, которая активно развивается и расширяет географию работы. Ищу… Javascript и Typescript, Веб-программирование ∙ 1 день 4 часа назад ∙ 59 ставок |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 2 дня 5 часов назад ∙ 26 ставок |
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 3 дня 20 часов назад ∙ 32 ставки |
Разработка платформы AM Mobility (автосервис, парковка, страхование, аренда автомобилей)
257 282 UAH
Ищем команду или опытного Full Stack разработчика для создания MVP платформы AM Mobility. AM Mobility — это единая цифровая экосистема для автомобилистов, объединяющая в одном приложении и веб-платформе: парковку; автосервис; шиномонтаж; автомойку; аренду автомобилей;… Javascript и Typescript, Веб-программирование ∙ 9 дней 2 часа назад ∙ 119 ставок |
Gsap анимации
1000 UAH
Добрый день. Нужно внести правки в текущем проекте. Нужен специалист, который хорошо работает на gsap/lenis Нужно сделать анимацию карточек. Подробное ТЗ здесь: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Нужно… Javascript и Typescript, Веб-программирование ∙ 9 дней 8 часов назад ∙ 21 ставка |
Киев