О
Я понимаю, чем верстальщик занимаемся) кое где его работа описывается под заголовком "чем занимаемся front end разработчик"
Size: a a a
2019 December 24
e
Я понимаю, чем верстальщик занимаемся) кое где его работа описывается под заголовком "чем занимаемся front end разработчик"
Давай так, ответь сам себе и напиши тут чем он занимается, а по примеру тебе напишут чем занимается фронт
e
Лично я не понял как тебе ответить понятно
О
Ты имеешь ввиду про верстальщика написать?
e
Ты имеешь ввиду про верстальщика написать?
Да напиши пример идеально ответа
AK
Anton Chernyaev
Всем привет. Можете подсказать как можно сделать трансляцию аудио потока в браузер?
У меня между клиентом и сервером есть веб-сокет соединение. На сервере я последовательно из реалтайм камер получаю аудио поток в формате G711/PCM/IMA. Нужно передать этот поток в браузер и проигрывать пофреймово желательно без предварительной упаковки в контейнеры (типа mp3, ogg, aac и т.п.). При сильной необходимости формат передаваемый в браузер можно изменить, например, добавив MPEG, если текущие форматы вообще никак не получится проиграть, но этого не хотелось бы делать, так как нужно будет еще серверную часть допиливать.
Я нашел вот такое решение, которое, кажется, очень связано с моим кейсом: https://apiko.com/blog/audio-file-streaming-in-js/
В нем через web audio api и функцию decodeAudioData декодируются отдельные фрагменты аудио потока путем добавления байтового заголовка перед каждым фрагментом. Я попытался завести это на своем G711 потоке, но получил только шумы, а не исходный звук (вероятно неправильно подобрал байтовый заголовок). Получится ли у меня вообще проиграть G711 с помощью такого алгоритма? Или нужно какой то другой формат обязательно выбирать? Рабочий ли это вообще вариант так проигрывать потоковый звук? Или нужно как то по другому делать?
У меня между клиентом и сервером есть веб-сокет соединение. На сервере я последовательно из реалтайм камер получаю аудио поток в формате G711/PCM/IMA. Нужно передать этот поток в браузер и проигрывать пофреймово желательно без предварительной упаковки в контейнеры (типа mp3, ogg, aac и т.п.). При сильной необходимости формат передаваемый в браузер можно изменить, например, добавив MPEG, если текущие форматы вообще никак не получится проиграть, но этого не хотелось бы делать, так как нужно будет еще серверную часть допиливать.
Я нашел вот такое решение, которое, кажется, очень связано с моим кейсом: https://apiko.com/blog/audio-file-streaming-in-js/
В нем через web audio api и функцию decodeAudioData декодируются отдельные фрагменты аудио потока путем добавления байтового заголовка перед каждым фрагментом. Я попытался завести это на своем G711 потоке, но получил только шумы, а не исходный звук (вероятно неправильно подобрал байтовый заголовок). Получится ли у меня вообще проиграть G711 с помощью такого алгоритма? Или нужно какой то другой формат обязательно выбирать? Рабочий ли это вообще вариант так проигрывать потоковый звук? Или нужно как то по другому делать?
Обычного тега audio со ссылкой на медиа поток недостаточно? Просто в любом случае, сервер отдает аудио чанками, а не всем файлом сразу.
AC
Обычного тега audio со ссылкой на медиа поток недостаточно? Просто в любом случае, сервер отдает аудио чанками, а не всем файлом сразу.
Как этот медиа поток должен выглядеть? У меня веб-сокет соединение с серверов, который неупакованные в контейнер звуковые кадры посылает отдельными сообщениями. Из того, что я пока нарыл, кажется, единственный способ это воспроизвести через web audio api
e
Anton Chernyaev
Как этот медиа поток должен выглядеть? У меня веб-сокет соединение с серверов, который неупакованные в контейнер звуковые кадры посылает отдельными сообщениями. Из того, что я пока нарыл, кажется, единственный способ это воспроизвести через web audio api
Как-то сложно, тебе обязательно для этого сокет использовать?
e
И я не понял видео или аудио
AC
Аудио. По этому сокету еще идут mjpeg кадры параллельно, которые отрисовываются через canvas. Чтобы синхронизировать видео и аудио в таком формате, кажется, проще слать это через одно соединение
e
Anton Chernyaev
Аудио. По этому сокету еще идут mjpeg кадры параллельно, которые отрисовываются через canvas. Чтобы синхронизировать видео и аудио в таком формате, кажется, проще слать это через одно соединение
Тебе в итоге нужно видео или аудио или вместе?
AC
Тебе в итоге нужно видео или аудио или вместе?
Вместе, но видео уже работает. Сейчас нужно звук поверх него воспроизвести еще
О
Ну он конечно не идеальный, но примерно так, как я это понимаю :
Задачей верстальщика является преобразование картинки (псд макет,фигма) которую нарисовал дизайнер и которая обычно является страницей или элементом или блоком сайта (в общем, дизайнер рисует сайт в Фотошопе) - в код, который можно запустить на сервере и выглядеть он будет 1 в 1 или похоже, как сделанный дизайнером рисунок. При этом наверняка там будут функциональные элементы ( как минимум кнопки, формы), которые так же должны работать и выполнять свою задачу (открывать другую страницу, вызывать модальное окно, отправлять данные post запросом)
Бизнес заказывает сайт у студии - студия ставит задачу дизайнеру - дизайнер рисует макет для верстальщика - верстальщик наверное и передаёт сверстанный макет фронтендеру, который как раз настраивает сложный функционал (личный кабинет, данные форм и ТП)🤔
Вообще было бы интересно на реальных примерах. То есть наверное что то вроде "в прошлом месяце мы с командой в 10 человек разрабатывали личный кабинет для проекта-сайта-купонатора, нужно было на основе ТЗ и макетов от дизайнера сделать кабинет со всеми необходимыми функциями. Вчера, например, отлаживали ошибку авторизации через телефон и предлагали руководству изменить болотно-зеленый фон интерфейса на что то другое"
Задачей верстальщика является преобразование картинки (псд макет,фигма) которую нарисовал дизайнер и которая обычно является страницей или элементом или блоком сайта (в общем, дизайнер рисует сайт в Фотошопе) - в код, который можно запустить на сервере и выглядеть он будет 1 в 1 или похоже, как сделанный дизайнером рисунок. При этом наверняка там будут функциональные элементы ( как минимум кнопки, формы), которые так же должны работать и выполнять свою задачу (открывать другую страницу, вызывать модальное окно, отправлять данные post запросом)
Бизнес заказывает сайт у студии - студия ставит задачу дизайнеру - дизайнер рисует макет для верстальщика - верстальщик наверное и передаёт сверстанный макет фронтендеру, который как раз настраивает сложный функционал (личный кабинет, данные форм и ТП)🤔
Вообще было бы интересно на реальных примерах. То есть наверное что то вроде "в прошлом месяце мы с командой в 10 человек разрабатывали личный кабинет для проекта-сайта-купонатора, нужно было на основе ТЗ и макетов от дизайнера сделать кабинет со всеми необходимыми функциями. Вчера, например, отлаживали ошибку авторизации через телефон и предлагали руководству изменить болотно-зеленый фон интерфейса на что то другое"
О
Как то так😄
AK
Anton Chernyaev
Аудио. По этому сокету еще идут mjpeg кадры параллельно, которые отрисовываются через canvas. Чтобы синхронизировать видео и аудио в таком формате, кажется, проще слать это через одно соединение
Тогда получается, что у тебя есть жёстко заданные условия, которые ты должен выполнить, а именно, передавать все через websocket. Но какая-то либа не работает и ты спрашиваешь, знаем ли мы почему?
ND
Ну он конечно не идеальный, но примерно так, как я это понимаю :
Задачей верстальщика является преобразование картинки (псд макет,фигма) которую нарисовал дизайнер и которая обычно является страницей или элементом или блоком сайта (в общем, дизайнер рисует сайт в Фотошопе) - в код, который можно запустить на сервере и выглядеть он будет 1 в 1 или похоже, как сделанный дизайнером рисунок. При этом наверняка там будут функциональные элементы ( как минимум кнопки, формы), которые так же должны работать и выполнять свою задачу (открывать другую страницу, вызывать модальное окно, отправлять данные post запросом)
Бизнес заказывает сайт у студии - студия ставит задачу дизайнеру - дизайнер рисует макет для верстальщика - верстальщик наверное и передаёт сверстанный макет фронтендеру, который как раз настраивает сложный функционал (личный кабинет, данные форм и ТП)🤔
Вообще было бы интересно на реальных примерах. То есть наверное что то вроде "в прошлом месяце мы с командой в 10 человек разрабатывали личный кабинет для проекта-сайта-купонатора, нужно было на основе ТЗ и макетов от дизайнера сделать кабинет со всеми необходимыми функциями. Вчера, например, отлаживали ошибку авторизации через телефон и предлагали руководству изменить болотно-зеленый фон интерфейса на что то другое"
Задачей верстальщика является преобразование картинки (псд макет,фигма) которую нарисовал дизайнер и которая обычно является страницей или элементом или блоком сайта (в общем, дизайнер рисует сайт в Фотошопе) - в код, который можно запустить на сервере и выглядеть он будет 1 в 1 или похоже, как сделанный дизайнером рисунок. При этом наверняка там будут функциональные элементы ( как минимум кнопки, формы), которые так же должны работать и выполнять свою задачу (открывать другую страницу, вызывать модальное окно, отправлять данные post запросом)
Бизнес заказывает сайт у студии - студия ставит задачу дизайнеру - дизайнер рисует макет для верстальщика - верстальщик наверное и передаёт сверстанный макет фронтендеру, который как раз настраивает сложный функционал (личный кабинет, данные форм и ТП)🤔
Вообще было бы интересно на реальных примерах. То есть наверное что то вроде "в прошлом месяце мы с командой в 10 человек разрабатывали личный кабинет для проекта-сайта-купонатора, нужно было на основе ТЗ и макетов от дизайнера сделать кабинет со всеми необходимыми функциями. Вчера, например, отлаживали ошибку авторизации через телефон и предлагали руководству изменить болотно-зеленый фон интерфейса на что то другое"
Верстальщик - верстает, фронт - бизнес логика.
ND
Ты сам в свое ответе работой одного заскочил на другого
О
В правильном направлении думаю? Это примерно делает?
ND
Что в правильном, ты сам говоришь верстальщик натянул макет - а потом ой ну тут форма должна уйти на сервак, или кнопка должна перекинуть на роут.
А фронт у тебя - пилит кабинеты. Но а что такое кабинет - формы да кнопки, и прочее.
А фронт у тебя - пилит кабинеты. Но а что такое кабинет - формы да кнопки, и прочее.