Artem Ivanov

Пиши ник пользователя в базу или в текстовый файл и оттуда выводи остальным
пользователям.

htmlbook.ru/html/video/preload

media-запросы или готовые классы bootstrap, например , помогут вам в этом)

прямоугольник со скругленными углами - это первый див
на него наложите второй - круг, скрыв половину через overflow: hidden

можно попробовать переносить блок принудительно, тегом br, в случае, если текст не помещается в одну строку
и обертывать каждую строку бордером
если строка помещается в длину, br не отображаем

добавьте

в каждую форму с нужным названием товара
в обработчике good это и есть искомый источник

держите https://github.com/verlok/lazyload

https://jqueryui.com/autocomplete/

padding...
margin...

Мы можем гадать всю ночь.
Рассекретте ваш код, мы ни с кем не поделимся им! Честно!

посмотреть что за див вылетает при отображении кабендаря и в него через js/jq дописать необходимые инпуты
значения этих инпутов писать в скрытые инпуты на страницы, чтобы не терять данные времени(часов и минут)

однозначно задача нереальна.
расходимся

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

display: flex;
overflow: hidden;

смотрите в сторону его битрейта, аудиокодека...
type="audio/wav" прописан?

как вариант конвертнуть его

измените расширение файла на нужное у скачанного файла)