HTML5 Audio Styling - PullRequest
Новая
       10

HTML5 Audio Styling

0 голосов
/ 19 февраля 2019

Я хочу оформить HTML5 Audio следующим образом:

enter image description here

 <audio controls>
  <source src="@Model.Audio.Mp3.Url" type="audio/mpeg">
    Your browser does not support the audio element.
 </audio>

Приведенный выше код создает следующее аудио

Audio

Кто-то сделал подобную стилизацию или возможно сделать эту стилизацию в аудиоплеере HTML5

Буду признателен за любые предложения

1 Ответ

0 голосов
/ 19 февраля 2019

К сожалению, не в кросс-браузерном решении, поскольку они построены изначально.Существует множество элементов psuedo на основе -webkit-, которые можно использовать для стилизации, но они работают только в браузерах на основе webkit (например: это не будет работать в Firefox / IE / Edge).Тем не менее, вы можете использовать аудио API, и на этот дублирующий SO вопрос есть хороший ответ об использовании JW Player, который является оболочкой для этого API и дает вам контроль над стилем.

...