Save hours in development time and avoid common mistakes by learning the best practices to use for JavaScript.
4:02
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5.
Video Steps
1. Ensure your DOCTYPE declaration is set to HTML5:
The declaration should display<!DOCTYPE html>
2. Begin your audio tag and define the source of the audio file
The source should reference your audio file's URL inside the single quotation (similar to the <img> tag's src). Complete the tag using a closing audio tag.<audio src="Audio.mp3">
</audio>
3. Include the player controls if desired
Controls are helpful since they allow visitors to pause and adjust volume on your player. Type "controls" within your opening audio tag after your source file to include them.4. Add additional properties you'd like the player to have
To loop the audio on the page, type "loop" after the source within the opening tag.To have the audio autoplay as soon as the page loads, type "autoplay" after the source within the opening tag.
5. Include a message for visitors whose browsers do not support HTML 5.
The message (or image) you use is inserted between the <audio> and </audio> tags
0 Comments
Featured Post
Suggested Videos
| Title | Views | Activity |
|---|---|---|
| Navigation Hover Effects with CSS Sprites | 288 | |
| Calling and Texting Links for Mobile Sites in HTML | 205 | |
| Introduction to CSS (Part 1) | 80 | |
| Introduction to HTML (Part 2) | 150 |
Originally, this post was published on Monitis Blog, you can check it
here
.
In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
Suggested Courses
Next Video:Introduction to PHP: Building the Form