Поиск по этому блогу

понедельник, 2 января 2017 г.

Параметры тега aydio и дырка GDisk для хосинга mp3 файлов

Здесь помимо зявленых ссылок и краткого описания параметров есть еще проба приема из Hosting MP3 files on Google Drive


HTML audio tag volume
How to set a specific starting volume for audio tag
HTML5 Audio Tag volume-control


Storing Objects in HTML5 localStorage I can store and retrieve primitive JavaScript types and arrays using localStorage, but objects don't seem to work. Should they?
Audio


Hosting MP3 files on Google Drive + HTML5 Audio Player

Attribute Value Description
autoplay autoplay Specifies that the audio will start playing as soon as it is ready
controls controls Specifies that audio controls should be displayed (such as a play/pause button etc)
loop loop Specifies that the audio will start over again, every time it is finished
muted muted Specifies that the audio output should be muted
preload auto
metadata
none
Specifies if and how the author thinks the audio should be loaded when the page loads
src URL Specifies the URL of the audio file

HTML audio controls Attribute In XHTML, attribute minimization is forbidden, and the controls attribute must be defined as

In [ ]:
<audio controls="controls">

Расшариваем тестовый mp3 файл с моего диска, получаем вот такую ссылку

In [ ]:
https://drive.google.com/open?id=0B33ENKH9MfPXQUR3VjZfaW5pWDg

Копируем ID в пример внизу

In [2]:
%%html
<audio controls="controls"  volume=false >
 <source src="http://docs.google.com/uc?export=open&id=0B33ENKH9MfPXNmZoVzVPbU5Eb3c" type="audio/mp3">
<p>This browser does not support HTML5 audio</p>
 </audio>
In [ ]:
https://drive.google.com/open?id=0B33ENKH9MfPXNmZoVzVPbU5Eb3c
Посты чуть ниже также могут вас заинтересовать

1 комментарий:

Sergey Borisovich комментирует...

Cross-browser audio basics

https://developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_delivery/Cross-browser_audio_basics#Creating_your_own_custom_audio_player

This article provides a basic guide to creating an HTML5 audio player that works cross browser, with all the associated attributes, properties and events explained, and a quick guide to custom controls created using the Media API.