Cvid. Первый опыт публичных сервисов

Первый публичный хобби проект. 

В 2010 году в мире веб разработки случился прорыв под названием jquery. Тонны js кода под разные браузеры превратились в элегантные понятные обращения. Киллер фича с вау эффектом была анимация блоков. Css анимации тогда не существовало, был js который раз в минимальный интервал двигал параметр на определенную дельту и получалась плавная анимация. Лёгкая и понятная, наивная в отличие от флеша. Флеш тогда ещё был, но уже отмирал. 

И вот чтобы это всё закрепить пришла в голову мысль собрать сервис, где можно было онлайн создать полноценное видео

Тогда с сервисами вообще было туго. Были сервисы а-ля залей картинки, мы тебе их них сами слайд шоу соберем. 

Как вы понимаете, мощь jquery способна на большее, чем тупо кинуть клинки картинки

Первая версия редактора видео

Для простоты первое что пришло в голову - организовать форму управления была сделана через таблицу. В таблице каждая ячейка - это секунда. Каждая строка - это объект. Объектом может быть как картинка, так однородный фон и надпись

Редактор надписи который делает картину из текста в формате wordart сделать было не сложно, пришлось заморочиться с прозрачность и шрифтами с кириллицей

Для удобного управления картинками и надписями - был придуман - open filemanager, который в виде отдельного проекта существует и по сей день. У него своя история, но сделан он был в первом своём виде именно для этого проекта

Делее всё просто. Добавляется объект в виде формы, указывается время его появления и исчезновения. Оно нужно, чтобы одновременно в кадре не было слишком много объектов, все они кушают ресурсы и соответсвенно скорость. 

Указываются координаты его при появлении. 

И вот оно так всё работает. 

Далее нужно нажать на ячейку и добавить действие (анимацию), точно также через координаты

Удобно? Как оказалось не всем это понятно, нужно какое то пространственное воображение чтобы сделать самую простую анимацию

Например если картинка должна приехать сверху - нужно указать начальное продолжение по вертикали в минус высоту. И тут же сделать анимацию на изменение вертикали по высоте в 0. Точно также исчезнлвение

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

Иногда просто одна картинка и песня. Всё

Чтобы как то мотивировать делать качественные ВИДЕО - была придумана система рейтинга. Рейтинг считался из параметров дата публикации (чем свежее тем больше вес), количество объектов, количество анимаций, длительность, наличие музыки, число отзывов, просмотров с также с учётом давности просмотра. Получится монструозный sql запрос, который из-за сложности производил вычисления раз в час

Ошибки в разработке

Однажды выполнил какой то не правильный запрос и стёр много данных. Восстановить его уже не смог, т. К. Бекап не создался на хостинге, и из-за того что в базу были вьюхи. Да. Всё сразу не поверишь. Это сильно понизило репутацию проекта.

Музыка и авторские права

Отдельный эпизод с музыкой. Было гонение за мп3 с авторскими правами. Чтобы не хранить такие файлы и потенциально не попасть под горячую руку - было предложено взаимодействовать через сервис SoundCloud там и АПИ было и плеер можно устроить на страницу. Хороший выход из положения. Сейчас этот сервис для РФ ip ввёл блокировку.

Создание скачиваемых ави avi видео.

Вот это интересный эпизод был.

Создать avi версию из по сути jquery анимации. Как вообще это можно сделать?

Есть утилита под названием ffmpeg . Она может делать видео из кадров. То что нужно

Остаётся в фоне собрать картинок 25* число секунд.  У нас ведь битрейт 25 кадров в секунду

Сделать это можно через любую программу. Соответсвенно php. Самое интересное было именно подобрать дельту в каждом кадре анимации. Оказывается это достаточно легко сделать. В jquery для разных анимаций есть отдельная функция расчёта выходного параметра от времени. Её можно скопировать в виде как есть и преобразовать в php

Раз хостинг шаред, запускать файлов не может - пришлось на домашнем компьютере сделать скрипт, который будет забирать материалы и обрабатывать их. 

В конце заливать на хостинг или файлообменник. Тоже хороший способ монетизации через них

Визуальный редактор.

Поняв основную причину неудач - решил сделать редактор, аля паинт, где можно в реальном времени располагать картинки без цифр, чисто визуально, где можно указать время начала события не кратно секунде, а произвольное

А также где можно через зум более точно и детально задавать позиции

Всё это было сложно но интересно. Делал это через iframe, там есть особенности когда можно скриптами из вне фрейма обращаться к фрейму и наоборот. Получилось весьма красиво и вроде бы удобно, но я не заметил каких то больших успехов у пользователей после его реализации, как будто вау эффект прошёл и появилось сервисы не хуже, но я таких не заметил

Задание в школе

Интересный эпизод, когда стали появляться видео с припиской 8а класс. Видимо задали в школе. Было весьма похвально когда где то задали такое задание

Что сейчас и планы на будущее

Сейчас сервис потерял какую то актуальность и значимость. Идеи есть куда двигаться дальше - это hd видео

Вообще отдельный редактор видео а-ля Sony Vegas. Оболочка почти что и есть этот редактор, но без эффектов и видео вставок. Вместо картинок по могло бы быть видео

Возможно это будет уже отдельный сервис, а может его не будет никогда

Но лицензия сони вегас стоит дорого, а монтаж видео на слабом ПК - может быть востребовано, по этому есть мысли по перерождению сервиса в онлайн сони вегас. Если это случился - это будет отдельная большая Истрия

Больше материалов выкладываю на своем Дзен канале

  • Автор: kosmom
  • Рейтинг: 3
  • Просмотров: 541
  • Комментариев: 0
  • Создан: 09.04.2023 11:03

Комментарии (0)

Ваши предложения и пожелания пишите на pro@kosmom.ru

Теги

ajax axios backup bootstrap core framework eloquent excel home project html ios javascript keep-alive kpi laravel legacy mvp orm php rip scroll solid timestamp undefined vue vuetify watch безопасность биометрический паспорт ваша любаша для путешествий загран на 10 лет загран паспорт загранпаспорт нового образца зимние книги как заполнить анкеты кеширование книги на новый год логирование мцф недвижимость новогодние книги образец заполнения антеты паспорт для путешествий паспорт нового поколения печать продукт проектирование прокси разработка ремонт ремонт в апартаментах ремонт нежилого помещения самокат сдача сколько стоил ремонт апартаментов спорт стандарты таблица финансы хостинг цена ремонта что почитать зимой юзабилити

Случайный пост

04.12.2015 14:48
Коробочки красоты - проблемы с заказом beauty box