Блог

Главная - Вопросы по программированию - Как добавить ссылку на диск в аудио-тег в html?

Как добавить ссылку на диск в аудио-тег в html?

#html #audio #drive

Вопрос:

Я использую аудио-тег в своем HTML-коде для воспроизведения звука на моей веб-странице, у меня есть одно сомнение, не передавая напрямую аудио в аудио-тег, который я хочу использовать для ссылки на Google диск (ссылка содержит один звук).).пожалуйста, помогите мне достичь этого…

 <audio controls autoplay>
<source src="https://drive.google.com/file/d/11wfYWiukbIZJQnDL385jQs2SGQA5ESbL/view?usp=drivesdk"></audio>

Ответ №1:

То, что вы делаете, исправляет только одну проблему: вы не можете напрямую использовать ссылку на Google Диск.

1. Вы должны зайти на Google Диск и выбрать «Поделиться файлом», вы получите что-то вроде следующей ссылки: https://drive.google.com/file/d/11wfYWiukbIZJQnDL385jQs2SGQA5ESbL/view?usp=sharing

  1. Извлеките идентификатор из URL 11wfYWiukbIZJQnDL385jQs2SGQA5ESbL
  2. URL-адрес для воспроизведения аудиофайла https://docs.google.com/uc?export=downloadamp;id=11wfYWiukbIZJQnDL385jQs2SGQA5ESbL
  3. URL-адрес для загрузки аудиофайла https://drive.google.com/uc?authuser=0amp;id=11wfYWiukbIZJQnDL385jQs2SGQA5ESbLamp;export=download

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

для воспроизведения:

 <audio controls autoplay>
<source src="https://docs.google.com/uc?export=downloadamp;id=11wfYWiukbIZJQnDL385jQs2SGQA5ESbL">
</audio>

для скачивания:

 <a href="https://drive.google.com/uc?authuser=0amp;id=11wfYWiukbIZJQnDL385jQs2SGQA5ESbLamp;export=download"/>Download</a>

примечание: Автоматическое воспроизведение не будет работать на устройствах iPhone, если включено энергосбережение, которое по умолчанию

Комментарии:

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

2. просто удалите элементы управления из аудио-тега.

3. это не сработает, если я удалю атрибут controls из тега

4. У меня все работает нормально, не могли бы вы указать, какое устройство вы используете (ПК, телефон, планшет, IOS, Android) и какой тип браузера?

5. ПК, телефон и Android

Метки: