play button

play-button

Веб -компонент для воспроизведения аудио или видео с кнопкой.

Демо | Дальнейшее чтение

Примеры

 < script type =" module " src =" play-button.js " > </ script >

< play-button >
  < audio controls src =" https://darn.es/sounds/daviddarnes.m4a " > </ audio >
  < button > Play </ button >
</ play-button > 

Функции

Этот веб -компонент позволяет вам:

• Управляйте audio или video элементами с одной button , которая может воспроизводить и приостановить аудио или видео

Установка

У вас есть несколько вариантов (выберите один из них):

1. Установите через NPM: npm install @daviddarnes/play-button
2. Загрузите источник вручную из GitHub в свой проект.
3. Пропустите этот шаг и используйте скрипт непосредственно через сторонний CDN (не рекомендуется для использования производства)

Использование

Убедитесь, что вы включите <script> в свой проект (выберите один из них):

 <!-- Host yourself -->
< script type =" module " src =" play-button.js " > </ script > 

 <!-- 3rd party CDN, not recommended for production use -->
< script type =" module " src =" https://www.unpkg.com/@daviddarnes/[email protected]/play-button.js " > </ script > 

 <!-- 3rd party CDN, not recommended for production use -->
< script type =" module " src =" https://esm.sh/@daviddarnes/[email protected] " > </ script > 

Кредит

С благодарностью следующим людям:

• Zach Leatherman для вдохновения этого шаблона Repo веб -компонента