Лучше один раз послушать живой отзыв, чем читать написанные на заказ фрилансером.
Сам писал на commens точка ру.
Для демонстрации выше сказанного послушайте реальные отзывы моих клиентов, записанные со случайного звонка по телефону. Это отзывы по отремонтированным
Холодильникам. Как Вы воспринимаете такие отзывы? Можно-ли считать эти аудио отзывы срежисированными ли достоверными.
Вот на моей странице 12 отзывов https://servis.kharkov.ua/ сразу в шапке сайта.
А теперь главное, как установить такие аудио плееры на любой html странице сайта и загрузить в них ваши аудио записи. Скопируйте этот код и перенесите на свой редактор,
Укажите кодировку utf-8, синтаксис html.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Аудио в HTML 5</title>
<style>
span{
display:block;/*объявляем блоком что бы стал снизу audio блока*/
width:15%; /*ширина поля текста*/
text-align:center; /*текст по центру поля*/
}
</style>
</head>
<body>
<p>Аудио в HTML 5</p>
<audio controls>
<source src="https://servis.kharkov.ua/saund/h1.ogg" type="audio/ogg; codecs=vorbis" >
<source src="https://servis.kharkov.ua/saund/h1.mp3" type="audio/mpeg">
</audio><span>Ремонт холодильника Норд</span>
</body>
</html>
Внешне эти аудиоплееры выглядят в зависимости в каком браузере смотреть. Их размеры предустановлены в самих браузерах, примерно 270 рх на 40 рх в Мозилле и немного по другому в Хроме. Это посмотрите в инспекторе страницы.
Однако, для установки плеера необходимо предварительно переформатировать на ауди конверторе ваши аудио записи под расширения audio/ogg, audio/mpeg (mp3).
Именно они и нужны для воспроизведения на плеере HTML5.
Потом загрузить их в корневую папку сайта или любого свободного диска в интернет, и указать их адреса в самом аудио теге, как на примере.
Пример абсолютно рабочий, взят из моего сайта.
Таким образом создавая свою страницу на базе HTML можно размещать убедительные отзывы своих клиентов в отличие от написанных.
Если есть вопросы, спрашивайте.
P.S. Особенность! Можно скачивать записи, клик ПКМ по плееру и выбрать сохранить запись. Всё.
Это интересно
0
|
|||
Последние откомментированные темы:
-
Word онлайн бесплатно
(1)
master284
,
04.05.2019
-
Ключевые слова и их связь с запросами
(1)
master284
,
04.05.2019
-
Как скачать Киностудию Windows (Windows Movie Maker) для Windows 10, Windows 8, Windows 7
(4)
Horov
,
23.07.2018
-
Как сделать кнопку своими руками
(1)
master284
,
29.12.2017
-
Какие существуют поисковые системы кроме Yandex и Google?
(1)
Словесник
,
21.12.2016
20240523104007