6/03/2017

Pengertian dan cara menggunakan amp-audio diblog AMP Html


amp-audio


AMP menggantikan tag audio HTML5 dengan versinya sendiri: amp-audio. Komponen amp-audio hanya dapat digunakan untuk file audio HTML5 langsung.

Agregar

Masukan komponen amp-audio tepat di bawah pembukaan <head>


<script async custom-element="amp-audio" src="https://cdn.ampproject.org/v0/amp-audio-0.1.js"></script>


Penggunaan dasar

The component amp-audio memuat sumber audio yang ditentukan oleh atribut src-nya pada waktu yang ditentukan oleh runtime.  amp-audio tidak mendukung desain respons default, tetapi dapat mencapai hal yang sama dengan menyelaraskan ketinggian fixed con width="auto".


Contohnya

Your browser doesn’t support HTML5 audio

<amp-audio width="auto"   height="50"   src="https://ia600600.us.archive.org/15/items/Dangdut_201710/music/Gelandangan.mp3">   <div fallback>     <p>Your browser doesn’t support HTML5 audio</p>   </div> </amp-audio>



Untuk sumber audio atau video Archive org, Audio dan Video.



Share:

Related post

You Might Also Like:

Disqus comments:


Facebook comments: