Тверь

Россия

Украина

Есть сайт - https://citysportfitness.ru/
Сломались формы обратной связи (скрин с ошибкой). Нужно починить

Wordpress: исправить проблему с формами обратной связи

WordPress

устранение ошибок

Киргизия

Интересует вариант решения подтягивания последних постов с medium.com

Берем любую страничку (например https://medium.com/@joanaborgeslate). Нужны последние посты (картинка + заголовок + вступительный текст...), ссылки будут вести на посты самого medium.com. Например последние 10 шт.

Если есть варианты - без парсинга

Лучшим вариантом будет, если есть рабочий пример

Скрипт вытаскивания последних постов с medium.com

Перерисовать текущий макет под десктоп

Задача для Александр Ткачук: десктоп превью макета

Есть видео https://www.youtube.com/watch?v=rf78rEAJvhY&t=1042s
К нему есть субтитры (аттач)
И перевод https://docs.google.com/document/d/1NkGZIves9OTFCbyFZM0xoICjwwgZWBOFiJAbFX6MGKw/edit

Хотелось бы узнать, сколько будет стоить сделать из перевода сабы. На ютубе нет возможности добавить русские субтитры, придется, видимо, встраивать через srt

Встроить субтитры в видео

Добрый день. Есть 3 задачи. Просьба оценить по отдельности, будем делать поэтапно. 
 
1) Речь из видео скомпоновать в текст https://www.youtube.com/watch?v=rf78rEAJvhY 
Есть автосубтитры (*.txt), их можно взять за основу. Нужно проверить правильность текста и поправить где необходимо + скомпоновать для удобного чтения/перевода.
2) Перевести сформированный текст
3) Вставить в srt (*.srt.txt) с разбивкой по времени, в итоге получатся русские субтитры.

ENG: Записать текст из видеоролика / перевести

Положительные

Создание шаблона для DLE

Хотелось Бы примерно такой дизайн, как: http:// majorno . ru/  (Цветовая гамма приятна, хотелось бы такую видеть на своем сайте, Блоги красивы)

Версия Dle: 7.3 (7.2)

Размер шаблона: Резиновый

Кроссбраузерность - Mozilla Firefox, IE, Opera

Можете посмотреть дизайн Моего http:// www . somefiles . ru (этот шаблон бесплатный и не очень красивый)

Если я написал, что-то не понятно Остальное В дальнейшей переписки!!!
-------------------------

При Дальнейшем сотрудничестве Возможно сразу После Нового Дизайна Сайта, Буду заказывать Повышения УРОВНЯ ТИЦ От 50 до 100!!!

Кто заинтерисовался моими предложениями пишите тут либо В аську (420-623-275), ПРОСЬБА НА МыЛО НЕ ПИСАТЬ!!!!

Создание шаблона для DLE

Есть две задачи, предлагаю взять одну из них или обе. Оцените пожалуйста сроки и стоимость (хотя бы примерно). 1. Первая задача: Есть готовая верстка, нужно прикрутить к бэку (админке). В качестве админки либо что-нибудь своё, либо, к примеру, wordpress. Скрины верстки по разделам можно посмотреть тут - <a href="https://devfiles.ru/task-recipes/">https://devfiles.ru/task-recipes/</a><a href="https://devfiles.ru/task-recipes/?Сейчас"> </a>Сейчас сделан минимальный базовый функционал, чтобы можно было наполнять. В будущем будут некоторые дополнительные функции (отдельными задачами). <ul><li>3 роли пользователей: админ, автор (зареганый по умолчанию), читатель (если сняли права добавлять рецепты). Админ публикует рецепты авторов.</li><li>Авторизация через telegram</li><li>Ингредиенты из опубликованных рецептов идут в общую базу и доступны в автокомплите при создании нового рецепта</li></ul>2. Вторая задача: Затем этот сайт нужно будет сделать приложением. Либо предусмотреть это уже на этапе прикрутки к бэку.

Есть две задачи, предлагаю взять одну из них или обе. Оцените пожалуйста сроки и стоимость (хотя бы примерно). 1. Первая задача: Есть готовая верстка, нужно прикрутить к бэку (админке). В качестве админки либо что-нибудь своё, либо, к примеру, wordpress. Скрины верстки по разделам можно посмотреть тут - <a href="https://devfiles.ru/task-recipes/" rel="nofollow noopener noreferrer" target="_blank">https://devfiles.ru/task-recipes/</a><a href="https://devfiles.ru/task-recipes/?Сейчас" rel="nofollow noopener noreferrer" target="_blank"> </a>Сейчас сделан минимальный базовый функционал, чтобы можно было наполнять. В будущем будут некоторые дополнительные функции (отдельными задачами). <ul><li>3 роли пользователей: админ, автор (зареганый по умолчанию), читатель (если сняли права добавлять рецепты). Админ публикует рецепты авторов.</li><li>Авторизация через telegram</li><li>Ингредиенты из опубликованных рецептов идут в общую базу и доступны в автокомплите при создании нового рецепта</li></ul>2. Вторая задача: Затем этот сайт нужно будет сделать приложением. Либо предусмотреть это уже на этапе прикрутки к бэку.

Прикрутить бэк к верстке сайта рецептов и/или сделать его моб. прилож

Интеграция верстки

Разработка бэкенда

Разработка мобильных приложений

Есть <a href="https://citysportfitness.ru/">сайт на wordpress</a>, я занимаюсь его версткой. В админке нужно будет добавить поле с ценами и кнопки "Купить" , по нажатию на них - прикрутить какую-то систему оплаты картами. Возможно уже использовали и можете посоветовать какую лучше (в т.ч. где процент поменьше)) Также нужно будет добавить историю покупок. Хотелось бы найти бэкенд-программиста с опытом и адекватными ценами для реализации этого и других совместных проектов в будущем.

Есть <a href="https://citysportfitness.ru/" rel="nofollow noopener noreferrer" target="_blank">сайт на wordpress</a>, я занимаюсь его версткой. В админке нужно будет добавить поле с ценами и кнопки "Купить" , по нажатию на них - прикрутить какую-то систему оплаты картами. Возможно уже использовали и можете посоветовать какую лучше (в т.ч. где процент поменьше)) Также нужно будет добавить историю покупок. Хотелось бы найти бэкенд-программиста с опытом и адекватными ценами для реализации этого и других совместных проектов в будущем.

Прикрутить систему оплаты картой на сайт Wordpress

Интеграция платежных систем

Есть сайт - <a href="https://citysportfitness.ru/" rel="nofollow noopener noreferrer" target="_blank">https://citysportfitness.ru/</a>
Сломались формы обратной связи (скрин с ошибкой). Нужно починить

Устранение ошибок

Есть карта в svg и иконка в svg. Нужен скрипт, который будет накладывать выбранное количество иконок на выбранный регион карты (path).

Например - выбираем 10 иконок и path с id="NM" (закрашен серым). 10 иконок должны расположиться поверх него в его пределах в рандомных позициях.

Есть карта в svg и иконка в svg. Нужен скрипт, который будет накладывать выбранное количество иконок на выбранный регион карты (path).

Например - выбираем 10 иконок и path с id="NM" (закрашен серым). 10 иконок должны расположиться поверх него в его пределах в рандомных позициях.

SVG и JS: наложить svg объекты на другой svg объект

JavaScript

Интересует вариант решения подтягивания последних постов с <a href="http://medium.com" rel="nofollow noopener noreferrer" target="_blank">medium.com</a>

Берем любую страничку (например <a href="https://medium.com/@joanaborgeslate" rel="nofollow noopener noreferrer" target="_blank">https://medium.com/@joanaborgeslate</a>). Нужны последние посты (картинка + заголовок + вступительный текст...), ссылки будут вести на посты самого <a href="http://medium.com" rel="nofollow noopener noreferrer" target="_blank">medium.com</a>. Например последние 10 шт.

Если есть варианты - без парсинга

Лучшим вариантом будет, если есть рабочий пример

Нужно натянуть [url=https://devfiles.ru/keys/]статичную верстку[/url] на бэк и сделать к ней админку.[url=https://devfiles.ru/keys/]
[/url]
Краткое ТЗ - [url=https://docs.google.com/document/d/15pxTlUg8_7KG69_SUQiZ7oQBOJ9cV7-4vep4QtOcuxQ/edit?usp=sharing]здесь[/url], подробности можно обсудить созвоном

Верстка на gulp + pug + slylus, так что [b]сильно приветствуется[/b] если проект будем собирать на вебпаке с сохранением шаблонов в pug и стилей в stylus.

Меньше приветствуется, но возможно: использовать сгенерированный html и css.

Нужно натянуть <a href="https://devfiles.ru/keys/" rel="nofollow noopener noreferrer" target="_blank">статичную верстку</a> на бэк и сделать к ней админку.<a href="https://devfiles.ru/keys/" rel="nofollow noopener noreferrer" target="_blank">
</a>
Краткое ТЗ - <a href="https://docs.google.com/document/d/15pxTlUg8_7KG69_SUQiZ7oQBOJ9cV7-4vep4QtOcuxQ/edit?usp=sharing" rel="nofollow noopener noreferrer" target="_blank">здесь</a>, подробности можно обсудить созвоном

Верстка на gulp + pug + slylus, так что сильно приветствуется если проект будем собирать на вебпаке с сохранением шаблонов в pug и стилей в stylus.

Меньше приветствуется, но возможно: использовать сгенерированный html и css.

PHP, JS: Прикрутить бэк, доработать фронт, сделать админку

HTML

Gulp

Перерисовать текущий макет под десктоп

Принцип работы будет такой:

1) Подключаем js-скрипт к странице, нужным элементам для учета кликов ставим нужный атрибут ( например <a [b]data-click[/b]="button-1">кнопка</a>, <a [b]data-click[/b]="button2">кнопка</a>) 

2) Пользователь переходит на эту страницу по ссылке вида lalala.ru/page?[b]utm_source=site1&utm_content=581947&utm_medium=rast&utm_campaign=rheumoresource[/b], смотрит её, кликает по кнопкам. 

3) Мы сохраняем в csv файл:
данные из урл, по которому пришел пользователь (если не указаны - пустые ячейки)
время захода;
клики;
время сессии (в идеале - то время, что пользователь смотрит страницу, если открыта в другой вкладке и не просматривается - не трекать).

В итоге получится файл наподобие того, что в атттаче.
JS без сторонних библиотек.

Принцип работы будет такой:

1) Подключаем js-скрипт к странице, нужным элементам для учета кликов ставим нужный атрибут ( например data-click="button-1"&gt;кнопка, data-click="button2"&gt;кнопка) 

2) Пользователь переходит на эту страницу по ссылке вида <a href="http://lalala.ru/page" rel="nofollow noopener noreferrer" target="_blank">lalala.ru/page</a>?utm_source=site1&amp;utm_content=581947&amp;utm_medium=rast&amp;utm_campaign=rheumoresource, смотрит её, кликает по кнопкам. 

3) Мы сохраняем в csv файл:
данные из урл, по которому пришел пользователь (если не указаны - пустые ячейки)
время захода;
клики;
время сессии (в идеале - то время, что пользователь смотрит страницу, если открыта в другой вкладке и не просматривается - не трекать).

В итоге получится файл наподобие того, что в атттаче.
JS без сторонних библиотек.

PHP+JS(без jquery): Скрипт для трекинга посещений и кликов

jQuery

Есть md5 хэш, пример 7e1c5e51229afb03c2dd74d784f29b1a
Маска зашифрованой строки: 559893872.XX.ХХХХХХХХХХХХХХХХХХ
т.е. число до точки известно, потом двухзначное число, опять точка и еще 18 цифр. Только числа (и 2 точки).

Есть ли инструменты, чтобы такое по возможности быстро расшифровать?

Есть md5 хэш, пример 7e1c5e51229afb03c2dd74d784f29b1a
Маска зашифрованой строки: 559893872.XX.ХХХХХХХХХХХХХХХХХХ
т.е. число до точки известно, потом двухзначное число, опять точка и еще 18 цифр. Только числа (и 2 точки).

Есть ли инструменты, чтобы такое по возможности быстро расшифровать?

md5 возможно ли расшифровать?

Есть csv файлы с данными. В них, как обычно, столбцы с данными.
Нужно, чтобы в двух селектах можно было выбрать 2 колонки из csv и по этим данным строился график.
Также селектом выбирается тип графика.

Начало положено в файле (нужно запускать в режиме локального сервера).

Подзадача 2 (после первой задачи): если для построения графиков выбрана колонка с датами, то можно указать минимальную и максимальную дату (ограничить). Это после выполнения 1ой части.

Есть csv файлы с данными. В них, как обычно, столбцы с данными.
Нужно, чтобы в двух селектах можно было выбрать 2 колонки из csv и по этим данным строился график.
Также селектом выбирается тип графика.

Начало положено в файле (нужно запускать в режиме локального сервера).

Подзадача 2 (после первой задачи): если для построения графиков выбрана колонка с датами, то можно указать минимальную и максимальную дату (ограничить). Это после выполнения 1ой части.

chartjs: сделать скрип построения графиков из csv

Есть форум Flarum. https://discuss.flarum.org/d/26452-dev-diary-build-17
По умолчанию стандартный функционал - пост и внизу ответы. Нужно сделать, чтобы под каждый ответ можно было добавлять комментарии (скрин).

Комментарий - это такой же ответ, но только он идёт не в самый низ всего обсуждения, а под то сообщение, которое комментируют. И скрыт в блок (скрин). В итоге по клику мы раскрываем блок с дополнительными сообщениями - комментариями. Для самих комментариев можно также либо ответить (ответ уйдет вниз родителя), либо прокомментировать (ответ уйдет в скрытый блок под текущее сообщение) - в общем по одному принципу для всех сообщений.

Документация: https://docs.flarum.org/extend/

Есть форум Flarum. <a href="https://discuss.flarum.org/d/26452-dev-diary-build-17" rel="nofollow noopener noreferrer" target="_blank">https://discuss.flarum.org/d/26452-dev-diary-build-17</a>
По умолчанию стандартный функционал - пост и внизу ответы. Нужно сделать, чтобы под каждый ответ можно было добавлять комментарии (скрин).

Комментарий - это такой же ответ, но только он идёт не в самый низ всего обсуждения, а под то сообщение, которое комментируют. И скрыт в блок (скрин). В итоге по клику мы раскрываем блок с дополнительными сообщениями - комментариями. Для самих комментариев можно также либо ответить (ответ уйдет вниз родителя), либо прокомментировать (ответ уйдет в скрытый блок под текущее сообщение) - в общем по одному принципу для всех сообщений.

Документация: <a href="https://docs.flarum.org/extend/" rel="nofollow noopener noreferrer" target="_blank">https://docs.flarum.org/extend/</a>

PHP(Laravel)+JS: Написать расширение для форума Flarum

Laravel

Есть видео <a href="https://www.youtube.com/watch?v=rf78rEAJvhY&amp;t=1042s" rel="nofollow noopener noreferrer" target="_blank">https://www.youtube.com/watch?v=rf78rEAJvhY&amp;t=1042s</a>
К нему есть субтитры (аттач)
И перевод <a href="https://docs.google.com/document/d/1NkGZIves9OTFCbyFZM0xoICjwwgZWBOFiJAbFX6MGKw/edit" rel="nofollow noopener noreferrer" target="_blank">https://docs.google.com/document/d/1NkGZIves9OTFCbyFZM0xoICjwwgZWBOFiJAbFX6MGKw/edit</a>

Хотелось бы узнать, сколько будет стоить сделать из перевода сабы. На ютубе нет возможности добавить русские субтитры, придется, видимо, встраивать через srt

Нужно генерировать csv-файл исходя из следующих данных:
При заходе на страницу смотрим его урл, он будет, допустим, таким
?utm_source=doctornarabote&utm_content=581947&utm_medium=fullscreen&utm_campaign=vindaqel   
В итоге у таблицу это уходит как 1 строчка с id пользователя, записывая в информацию о нем переданные данные - utm_source, utm_content (id пользователя) utm_medium; utm_champaign, время и дата захода

Также на странице кнопки будут отмечены например так onClick="statistic-click( 'btn-1')"
каждое нажатие также записывается в таблицу отдельной строкой, как отдельное событие с указанием времени.

Если у пользователя меняется источник = новое посещение.

Если прошло больше 24 часов между заходом и последующими действиями = считаем, что пользователь пришёл уже напрямую (нет источника, есть клики), то есть по сути, сброс источника в таком случае.

Нужно генерировать csv-файл исходя из следующих данных:
При заходе на страницу смотрим его урл, он будет, допустим, таким
?utm_source=doctornarabote&amp;utm_content=581947&amp;utm_medium=fullscreen&amp;utm_campaign=vindaqel 
В итоге у таблицу это уходит как 1 строчка с id пользователя, записывая в информацию о нем переданные данные - utm_source, utm_content (id пользователя) utm_medium; utm_champaign, время и дата захода

Также на странице кнопки будут отмечены например так onClick="statistic-click( 'btn-1')"
каждое нажатие также записывается в таблицу отдельной строкой, как отдельное событие с указанием времени.

Если у пользователя меняется источник = новое посещение.

Если прошло больше 24 часов между заходом и последующими действиями = считаем, что пользователь пришёл уже напрямую (нет источника, есть клики), то есть по сути, сброс источника в таком случае.

Генерировать csv посещений и кликов пользователей

Добрый день. Есть 3 задачи. Просьба оценить по отдельности, будем делать поэтапно. 
 
1) Речь из видео скомпоновать в текст <a href="https://www.youtube.com/watch?v=rf78rEAJvhY" rel="nofollow noopener noreferrer" target="_blank">https://www.youtube.com/watch?v=rf78rEAJvhY</a> 
Есть автосубтитры (*.txt), их можно взять за основу. Нужно проверить правильность текста и поправить где необходимо + скомпоновать для удобного чтения/перевода.
2) Перевести сформированный текст
3) Вставить в srt (*.srt.txt) с разбивкой по времени, в итоге получатся русские субтитры.

Есть pdf'ka, нужно перерисовать контент из неё в виде веб-страницы (с адаптивом, десктоп + мобилка).
Навигация - через верхние вкладки + стрелочки.
11 страниц презентаций трансформируем в одну, с переключением контента по табам и стрелочкам.

Кидайте примеры работ в том стиле, на подобие которого сделали бы дизайн.
Нужен только дизайн.

Есть pdf'ka, нужно перерисовать контент из неё в виде веб-страницы (с адаптивом, десктоп + мобилка).
Навигация - через верхние вкладки + стрелочки.
11 страниц презентаций трансформируем в одну, с переключением контента по табам и стрелочкам.

Кидайте примеры работ в том стиле, на подобие которого сделали бы дизайн.
Нужен только дизайн.

PDF -> Дизайн веб-страницы

Задача для тех кто "в теме" указанных тегов: здоровье, биохимия, медицина, ЗОЖ, правильное питание, вегетарианство/веганство, аюрведа и т.п.

Нужно привести тексты, подготовленные для сайта по продаже натурального БАДа в более читаемый для обычного человека вид, донести до читателя все основные моменты и понимание действия этой добавки. Приветствуется умение сохранять краткость при этом, т.к. тексты для сайта, а пользователи не любят много читать.

Задача для тех кто "в теме" указанных тегов: здоровье, биохимия, медицина, ЗОЖ, правильное питание, вегетарианство/веганство, аюрведа и т.п.

Нужно привести тексты, подготовленные для сайта по продаже натурального БАДа в более читаемый для обычного человека вид, донести до читателя все основные моменты и понимание действия этой добавки. Приветствуется умение сохранять краткость при этом, т.к. тексты для сайта, а пользователи не любят много читать.

Нужен копирайтер-биохимик тема: здоровье, биохимия, медицина, ЗОЖ, ПП

Есть gulp сборка, которая собирает сайт из pug+stylus
Нужно еще добавить возможность встраивать туда vue-компоненты (из отдельных vue файлов), чтобы всё компилировалось без проблем.
Знаю, что можно на webpack, но хотелось бы прикрутить vue к этой сборке. 
В идеале - если сразу готовы предложить готовый вариант.

Есть gulp сборка, которая собирает сайт из pug+stylus
Нужно еще добавить возможность встраивать туда vue-компоненты (из отдельных vue файлов), чтобы всё компилировалось без проблем.
Знаю, что можно на webpack, но хотелось бы прикрутить vue к этой сборке. 
В идеале - если сразу готовы предложить готовый вариант.

Настроить gulp сборку для работы с vue-компонентами

Vue.js

Добрый день! 
[url=https://docs.google.com/document/d/1WBVR5u0ifjKtbYJbqaHB-DNGLMAo8IGz20YZ1RDg6Mc/edit?usp=sharing]
Описание тут [/url][url=https://docs.google.com/document/d/1WBVR5u0ifjKtbYJbqaHB-DNGLMAo8IGz20YZ1RDg6Mc/edit#]
[/url]
Верстка для основной части таск менеджера уже есть (скрин). Нужно добавить админку и реализовать фунуциональную часть с бэком.

Добрый день! 
<a href="https://docs.google.com/document/d/1WBVR5u0ifjKtbYJbqaHB-DNGLMAo8IGz20YZ1RDg6Mc/edit?usp=sharing" rel="nofollow noopener noreferrer" target="_blank">
</a>Описание тут <a href="https://docs.google.com/document/d/1WBVR5u0ifjKtbYJbqaHB-DNGLMAo8IGz20YZ1RDg6Mc/edit#" rel="nofollow noopener noreferrer" target="_blank">
</a>
Верстка для основной части таск менеджера уже есть (скрин). Нужно добавить админку и реализовать фунуциональную часть с бэком.

Написать небольшой таск-менеджер

Фото нужно для использования на сайте. Нужно, чтобы её можно было поместить по вертикали по центру и по горизонтали, а сзади положить дублирующийся фон со столом, на котором стоит упаковка. Можно немного подредактировать цвета.

В итоге будет 2 файла: 1 задний фон со дублирующимся столом, 2 - упаковка. 

Фото нужно для использования на сайте. Нужно, чтобы её можно было поместить по вертикали по центру и по горизонтали, а сзади положить дублирующийся фон со столом, на котором стоит упаковка. Можно немного подредактировать цвета.

В итоге будет 2 файла: 1 задний фон со дублирующимся столом, 2 - упаковка.

Подредактировать фотографию (отретушировать и убрать границы фона)

Задача состоит из трех экранов:

[b]1) Интерфейс добавления видео[/b]
За основу берем viewsync.net (можно взять основу скриптов оттуда):
Пользователь создает новую "коллекцию" - набор из видео, указывает название для неё.
В ней добавляет ссылки на youtube видео и синхронизирует их по аудио дорожке (по аналогии с viewsync.net). Сохраняет.
Можно редактировать коллекцию, добавлять/убирать видео, редактировать синхронизацию.
Все сохраненные коллекции списком отображаются на главной странице.
Данные по видео (урл, время старта) храним не в url (как viewsync), а в базе.

[b]2) Список коллекций[/b]
На главной странице видим список всех сохраненных коллекций.
По клику - переходим к плееру выбранной коллекции.


[b]3) Плеер[/b]
За основу вида берем [url=http://unsecure.viewsync.net/]unsecure.viewsync.net[/url]
Просмотр начинается с первого видео из коллекции. Стрелками влево/вправо можем переключить видео на соседнее.
По нажатию на кнопку - видим список всех видео коллекции и можем переключаться между ними (Х в примере).
В итоге получается, что одновременно мы можем смотреть 1 видео из коллекции, а при переключении слышим минимально расхождение по аудио дорожке, т.к. свели видео по звуку.
Перемотка на n-секунд влияет на все видео, т.к. синхронизация по звуку должна сохраняться.
Для загрузки видео хорошо бы использовать что-то типа lazy load, чтобы подгружать нужные ролики не сразу все, а по необходимости.


Пример видео для теста синхронизации - [url=https://viewsync.net/watch?v=NU2054dvXSQ&t=125.32&v=PU9TTETxpFA&t=5.12&v=VNbWOYO3V3Q&t=30.05]https://viewsync.net/watch?v=NU2054dvXSQ&t=125.32&...[/url]

В качестве реализации можно написать и отдельное от viewsync решение, других я не нашел.
Возможно вместо ручной синхронизации можно сделать полностью автоматическую (чтобы было бы плюсом).

Задача состоит из трех экранов:

1) Интерфейс добавления видео
За основу берем <a href="http://viewsync.net" rel="nofollow noopener noreferrer" target="_blank">viewsync.net</a> (можно взять основу скриптов оттуда):
Пользователь создает новую "коллекцию" - набор из видео, указывает название для неё.
В ней добавляет ссылки на youtube видео и синхронизирует их по аудио дорожке (по аналогии с <a href="http://viewsync.net" rel="nofollow noopener noreferrer" target="_blank">viewsync.net</a>). Сохраняет.
Можно редактировать коллекцию, добавлять/убирать видео, редактировать синхронизацию.
Все сохраненные коллекции списком отображаются на главной странице.
Данные по видео (урл, время старта) храним не в url (как viewsync), а в базе.

2) Список коллекций
На главной странице видим список всех сохраненных коллекций.
По клику - переходим к плееру выбранной коллекции.


3) Плеер
За основу вида берем <a href="http://unsecure.viewsync.net/" rel="nofollow noopener noreferrer" target="_blank">unsecure.viewsync.net</a>
Просмотр начинается с первого видео из коллекции. Стрелками влево/вправо можем переключить видео на соседнее.
По нажатию на кнопку - видим список всех видео коллекции и можем переключаться между ними (Х в примере).
В итоге получается, что одновременно мы можем смотреть 1 видео из коллекции, а при переключении слышим минимально расхождение по аудио дорожке, т.к. свели видео по звуку.
Перемотка на n-секунд влияет на все видео, т.к. синхронизация по звуку должна сохраняться.
Для загрузки видео хорошо бы использовать что-то типа lazy load, чтобы подгружать нужные ролики не сразу все, а по необходимости.


Пример видео для теста синхронизации - <a href="https://viewsync.net/watch?v=NU2054dvXSQ&amp;t=125.32&amp;v=PU9TTETxpFA&amp;t=5.12&amp;v=VNbWOYO3V3Q&amp;t=30.05" rel="nofollow noopener noreferrer" target="_blank">https://viewsync.net/watch?v=NU2054dvXSQ&amp;t=125.32&amp;...</a>

В качестве реализации можно написать и отдельное от viewsync решение, других я не нашел.
Возможно вместо ручной синхронизации можно сделать полностью автоматическую (чтобы было бы плюсом).

Алексей alex_mitin

Отзывы заказчиков