Встраиваемый аудио модуль: Аудио модули купить в Алматы

Артикул: FN-S10P

Количество в наличии: 22

Уровень квалификации: Собран и протестирован

«> Купите 10 штук и получите скидку 5%!
Купи 100 штук и получи скидку 10%!

FN-S10P

Краткое введение:

FN-S10P представляет собой упрощенный последовательный модуль MP3, в котором используется высококачественный чип декодера MP3 и WMV FN6100-16S. Он может воспроизводить определенные аудиофайлы и реализует другие функции с помощью простых последовательных команд UART. Он использует флэш-память SPI в качестве устройства хранения, и пользователи могут легко обновлять аудиофайлы, напрямую подключая их к ПК так же просто, как с помощью USB-накопителя. Без громоздкой базовой работы, простой в использовании, стабильный и надежный являются наиболее важными характеристиками этого модуля.

ПРИМЕЧАНИЕ. В комплект поставки входит 10-контактный разъем, но он не припаян к плате.

Особенности:

• Поддерживает декодирование MP3 и WAV.
  

• Работает с большинством Windows, Mac и Linux Systems
  

• Скорость выборки (кГц): 8/11,025/12/16/22,05/24/32/44.

  1/48
  

• 24 24/32/44. -битный выход ЦАП и поддерживает динамический диапазон 90 дБ и SNR 85 дБ.
  

• Встроенная флэш-память SPI 4 Мбайт (32 Мбит).
  

• Обновление аудиофайлов через порт micro USB при подключении к ПК. Простота в эксплуатации и отсутствие необходимости в каком-либо программном обеспечении.
  

• Поддерживает комбинированное воспроизведение (групповое воспроизведение), которое может отображать время, температуру и т. д.
  

• Поддерживает рекламные ролики во время воспроизведения трека.
  

• Поддерживает случайное воспроизведение и повторное/циклическое воспроизведение.
  

• 30 уровней громкости.
  

• Прямое управление динамиком мощностью 3 Вт, а также возможность подключения внешних наушников или усилителя.
  

• PCB size: 25.80mmx18.00mm
  

Pin Configuration

Documentation and Downloads

• Pin Configuration

• Datasheet

The Divi Audio Module | Документация Elegant Themes

Аудиомодуль позволяет встроить аудиофайл + пользовательский аудиоплеер в любом месте вашей страницы. Аудиоплеер выполнен в чистом/современном стиле темы Divi. Это отличная функция для музыкантов, которые хотят продемонстрировать свои последние творения, или подкастеров, которые хотят опубликовать свои последние выступления.

Посмотреть живую демонстрацию этого модуля

Как добавить аудиомодуль на свою страницу

Прежде чем вы сможете добавить аудиомодуль на свою страницу, вам сначала нужно перейти в Divi Builder. Как только тема Divi будет установлена ​​на вашем веб-сайте, вы увидите значок 9.0148 Используйте кнопку Divi Builder

После того, как вы вошли в Visual Builder, вы можете нажать серую кнопку с плюсом, чтобы добавить новый модуль на свою страницу. Новые модули можно добавлять только внутри рядов. Если вы начинаете новую страницу, не забудьте сначала добавить строку на свою страницу. У нас есть несколько отличных руководств о том, как использовать элементы строки и раздела Divi.

Найдите аудиомодуль в списке модулей и щелкните его, чтобы добавить на свою страницу. Список модулей доступен для поиска, что означает, что вы также можете ввести слово «аудио», а затем нажать «Ввод», чтобы автоматически найти и добавить аудио модуль! После добавления модуля вас встретит список опций модуля. Эти параметры разделены на три основные группы: Содержание , Дизайн и Расширенный .

Пример использования: добавление избранного эпизода подкаста на домашнюю страницу сайта подкастера

В этом примере я покажу вам, как использовать аудиомодуль для создания собственного аудиоплеера для тематического подкаста.

Вот страница с избранным подкастом внизу:

Давайте начнем.

Используйте визуальный конструктор, чтобы добавить обычный раздел со строкой полной ширины (1 столбец). Измените настройку строки, чтобы иметь пользовательскую ширину 800 пикселей. Затем добавьте в строку аудиомодуль.

Обновите настройки модуля следующим образом:

Параметры содержимого

Название: [введите название]
Имя исполнителя: [введите исполнителя]
Название альбома: [введите альбом]
Аудио: [загрузите аудиофайл]
фоновое изображение: [загрузите фоновое изображение 800 x 281]
положение фонового изображения: внизу по центру

Варианты исполнения

Цвет текста: светлый

Вот оно!

Аудиомодуль действительно удобен в использовании и отлично выглядит.

Параметры аудиоконтента

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

Титул

Название аудиомодуля отображается в аудиоплеере. Обычно это название вашей песни.

Имя исполнителя

Здесь вы можете ввести имя исполнителя. Это будет отображаться в аудиоплеере под заголовком.

Название альбома

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

Аудиофайл

Определите аудиофайл для использования в модуле. Чтобы удалить аудиофайл из модуля, просто удалите URL-адрес из поля настроек. Нажмите кнопку «Загрузить», чтобы загрузить аудиофайл с вашего компьютера для использования в аудиоплеере.

Изображение обложки

Изображения обложки отображаются слева или над элементами управления звуком (в зависимости от ширины столбца). Нажмите кнопку «Загрузить», чтобы загрузить изображение с вашего компьютера, которое будет использоваться в качестве обложки.

Цвет фона

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

Фоновое изображение

Если определено, это изображение будет использоваться в качестве фона для этого модуля. Чтобы удалить фоновое изображение, просто удалите URL-адрес из поля настроек.

Ярлык администратора

Это изменит метку модуля в билдере для облегчения идентификации.

Варианты дизайна аудиосистемы

На вкладке «Дизайн» вы найдете все параметры стиля модуля, такие как шрифты, цвета, размеры и интервалы. Это вкладка, которую вы будете использовать для изменения внешнего вида вашего модуля. Каждый модуль Divi имеет длинный список настроек дизайна, которые вы можете использовать, чтобы изменить что угодно.

Цвет текста

Здесь вы можете выбрать, должен ли ваш текст быть светлым или темным. Если вы работаете с темным фоном, то ваш текст должен быть светлым. Если у вас светлый фон, то ваш текст должен быть темным.

Шрифт заголовка

Вы можете изменить шрифт текста заголовка, выбрав нужный шрифт в раскрывающемся меню. Divi поставляется с десятками отличных шрифтов на базе Google Fonts. По умолчанию Divi использует шрифт Open Sans для всего текста на вашей странице. Вы также можете настроить стиль текста, используя параметры полужирный, курсив, заглавные буквы и подчеркивание.

Размер шрифта заголовка

Здесь вы можете настроить размер текста заголовка. Вы можете перетащить ползунок диапазона, чтобы увеличить или уменьшить размер вашего текста, или вы можете ввести желаемое значение размера текста непосредственно в поле ввода справа от ползунка. Поля ввода поддерживают различные единицы измерения, что означает, что вы можете ввести «px» или «em» после значения размера, чтобы изменить его тип единицы измерения.

Цвет текста заголовка

По умолчанию все цвета текста в Divi отображаются белым или темно-серым цветом. Если вы хотите изменить цвет текста заголовка, выберите нужный цвет из палитры цветов, используя эту опцию.

Расстояние между буквами заголовка

Расстояние между буквами влияет на расстояние между буквами. Если вы хотите увеличить расстояние между каждой буквой в тексте заголовка, используйте ползунок диапазона, чтобы отрегулировать расстояние, или введите желаемый размер интервала в поле ввода справа от ползунка. Поля ввода поддерживают различные единицы измерения, что означает, что вы можете ввести «px» или «em» после значения размера, чтобы изменить его тип единицы измерения.

Высота строки заголовка

Высота строки влияет на расстояние между каждой строкой текста вашего заголовка. Если вы хотите увеличить расстояние между каждой строкой, используйте ползунок диапазона, чтобы отрегулировать расстояние, или введите желаемый размер интервала в поле ввода справа от ползунка. Поля ввода поддерживают различные единицы измерения, что означает, что вы можете ввести «px» или «em» после значения размера, чтобы изменить его тип единицы измерения.

Шрифт подписи

Вы можете изменить шрифт текста подписи, выбрав нужный шрифт в раскрывающемся меню. Divi поставляется с десятками отличных шрифтов на базе Google Fonts. По умолчанию Divi использует шрифт Open Sans для всего текста на вашей странице. Вы также можете настроить стиль текста, используя параметры полужирный, курсив, заглавные буквы и подчеркивание.

Размер шрифта заголовка

Здесь вы можете настроить размер текста подписи. Вы можете перетащить ползунок диапазона, чтобы увеличить или уменьшить размер вашего текста, или вы можете ввести желаемое значение размера текста непосредственно в поле ввода справа от ползунка. Поля ввода поддерживают различные единицы измерения, что означает, что вы можете ввести «px» или «em» после значения размера, чтобы изменить его тип единицы измерения.

Цвет текста подписи

По умолчанию все цвета текста в Divi отображаются белым или темно-серым цветом. Если вы хотите изменить цвет текста подписи, выберите нужный цвет из палитры цветов с помощью этой опции.

Интервал между буквами подписи

Расстояние между буквами влияет на расстояние между буквами. Если вы хотите увеличить расстояние между каждой буквой в тексте подписи, используйте ползунок диапазона, чтобы отрегулировать расстояние, или введите желаемый размер интервала в поле ввода справа от ползунка. Поля ввода поддерживают различные единицы измерения, что означает, что вы можете ввести «px» или «em» после значения размера, чтобы изменить его тип единицы измерения.

Высота строки заголовка

Высота строки влияет на расстояние между каждой строкой текста подписи. Если вы хотите увеличить расстояние между каждой строкой, используйте ползунок диапазона, чтобы отрегулировать расстояние, или введите желаемый размер интервала в поле ввода справа от ползунка. Поля ввода поддерживают различные единицы измерения, что означает, что вы можете ввести «px» или «em» после значения размера, чтобы изменить его тип единицы измерения.

Использовать границу

Включение этой опции поместит рамку вокруг вашего модуля. Эту границу можно настроить с помощью следующих условных параметров.

Цвет рамки

Этот параметр влияет на цвет границы. Выберите пользовательский цвет из палитры цветов, чтобы применить его к границе.

Ширина границы

По умолчанию границы имеют ширину 1 пиксель. Вы можете увеличить это значение, перетащив ползунок диапазона или введя пользовательское значение в поле ввода справа от ползунка. Пользовательские единицы измерения поддерживаются, что означает, что вы можете изменить единицу измерения по умолчанию с «px» на что-то другое, например, em, vh, vw и т. д.

Стиль границы

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

Пользовательское поле

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

Индивидуальная прокладка

Padding — это пространство, добавленное внутри вашего модуля, между краем модуля и его внутренними элементами. Вы можете добавить собственные значения отступов к любой из четырех сторон модуля. Чтобы удалить пользовательское поле, удалите добавленное значение из поля ввода. По умолчанию эти значения измеряются в пикселях, но вы можете ввести собственные единицы измерения в поля ввода.

Дополнительные параметры аудио

На вкладке «Дополнительно» вы найдете параметры, которые могут оказаться полезными для более опытных веб-дизайнеров, например настраиваемые атрибуты CSS и HTML. Здесь вы можете применить пользовательский CSS к любому из многочисленных элементов модуля. Вы также можете применить к модулю пользовательские классы CSS и идентификаторы, которые можно использовать для настройки модуля в файле style.css вашей дочерней темы.

Идентификатор CSS

Введите необязательный идентификатор CSS, который будет использоваться для этого модуля. Идентификатор можно использовать для создания собственного стиля CSS или для создания ссылок на определенные разделы вашей страницы.

Класс CSS

Введите необязательные классы CSS, которые будут использоваться для этого модуля. Класс CSS можно использовать для создания собственного стиля CSS. Вы можете добавить несколько классов, разделив их пробелом. Эти классы можно использовать в вашей дочерней теме Divi или в пользовательском CSS, который вы добавляете на свою страницу или веб-сайт с помощью параметров темы Divi или настроек страницы Divi Builder.

Пользовательский CSS

также можно применить к модулю и любым внутренним элементам модуля.