Добавить возможность поделиться видео.
Суть в том, что Калтура позволяет шерить кусок фильма, с ХХ по ХХ минуты.
Сейчас стоит задача дать возможность учителю шерить не только линк на целый фильм, как это реализовано сейчас, а выбрать отрезок по своему усмотрению.
Предположения и некоторые наработки по передаче параметров и запуску видео с нужного момента и до нужного момента. Я не делал прям такую же штуку, но делал подстановку параметров в плеер и имею некоторые наброски, которые могли бы помочь избежать лишнего гуглинга)
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"
Current freelance projects in the category Javascript and Typescript
I am looking for an experienced Full Stack developer to create a SaaS service for online stores.Service idea: The client uploads a link to their product feed (XML or CSV). The service automatically retrieves the products, takes their photos, and creates new advertising images based on ready-made templates: price, discount, logo, promotional tags, etc. There should also be… Javascript and Typescript, Web Programming ∙ 1 day 12 hours back ∙ 82 proposals |
Development of a WebGL/Three.js scene with generation and export of 3D (snapshot) from an animated shaderObject Description:The project is a designer table shaped like a realistic, deep whirlpool (a central vortex that smoothly transitions from a wide horizontal tabletop to a thin elegant leg). Task Essence:A WebGL / Creative Coding developer is required to create an interactive 3D… Javascript and Typescript, Web Programming ∙ 2 days 8 hours back ∙ 30 proposals |
Support and development of the cleaning company's website
20 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 4 days 10 hours back ∙ 64 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 5 days 11 hours back ∙ 29 proposals |
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 7 days 2 hours back ∙ 36 proposals |
Kyiv