tinyPlayer.js - Аудиоплеер / Улучшение / Плагины Bootstrap

Версия: v1.0.0

Каталог: Плагины Bootstrap

Категория: Улучшение

Для Bootstrap: 3, 4, 5

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop, Shopify, WHMCS, PHP

Язык: Английский

Вес файла: 11.5 Kb

Уникальный ID: 5663

Посмотрели: 364 раз

Скачать бесплатно

Посетить Демо страница

Помощь: установка & настройка

Скачали бесплатно: 15 раз

Прокомментировали: 0 раз

Рейтинг: 4.2 / 5 - 5 голосов

Тип лицензии: CC BY 4.0

Авторство: https://www.jqueryscript.net/other/Cross-Platform-Audio-Player-tinyPlayer.html

Информация: Пользователям

Информация: Правообладателям

Теги: Аудиоплеер, Plugin, jqueryscript

Поделился: BootstrapТема

Добавлено: 2023-01-12 в 19:01

Метка: 1673539645

⇄ ⇅

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>tinyPlayer.js & BootstrapTema</title>
<link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet">
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://bootstraptema.ru/plugins/2023/tinyplayer/tinyPlayer.css" rel="stylesheet" type="text/css">
<style>
body { min-height:100vh;background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%); font-family: 'Archivo Black';}
.container { margin:150px auto; max-width:640px;}
.iru-tiny-player {
 position: relative;
 border: 0;
}
</style>
</head>

<body>

<div class="container">
 <h1>tinyPlayer.js - Cross Platform Audio Player Example & BootstrapTema</h1>
<h2>Audio 1</h2>
<p>Audio 1 Description</p>
<audio controls class="iru-tiny-player" data-title="Sample Audio File">
 <source src="https://bootstraptema.ru/snippets/audio/2016/music-player/Transmission-Radio-19-10-2012.mp3" type="audio/mpeg">
</audio>
<h2>Audio 2</h2>
<p>Audio 2 Description</p>
<audio controls class="iru-tiny-player" data-title="Sample Audio File">
 <source src="https://bootstraptema.ru/music/s/silent.mp3" type="audio/mpeg">
</audio>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.0.13/howler.min.js"></script>
<script src="https://bootstraptema.ru/plugins/2023/tinyplayer/tinyPlayer.js"></script>
</div>
</body>

</html>

BootstrapTema

tinyPlayer.js - Аудиоплеер

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0