Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of HTML 5
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Services

Bookmark and Share
Lecture Comments (4)

1 answer

Last reply by: Professor Jim Hague
Sat Mar 28, 2015 11:35 PM

Post by David Llewellyn on March 9, 2015

The links to the src in w3schools.com doesn't seem to work any more,  (as with the images from the same site) but this time i was unable to find the new URL.
I transferred an .mp3 file to the /Sound sub-file of the file where i am keeping my working copies of your original code together with a .ogg conversion.
I altered your original code
<p><audio controls="controls"> <source src="http://www.w3schools.com/html5/song.ogg" type="audio/ogg" />
 <source src="song.mp3" type="http://www.w3schools.com/html5/audio/mp3" /> </audio> </p>
to
<p><audio controls="controls"> <source src="/Sound/The_Beatles-Yesterday_Lyrics.ogg" type="audio/ogg" />
 <source src="/Sound/The_Beatles-Yesterday_Lyrics.mp3" type="audio/mp3"> </audio> </p>
Still no output - Chrome does nothing and IE11 displays a black box with a play button and "Invalid Source".
Any suggestions?

1 answer

Last reply by: Professor Hague
Wed Sep 5, 2012 5:11 PM

Post by jeanette williams on August 16, 2012

ok this is a bit confusing. what does the format actually look like when done.
here is what I use to use <embed src=http//iacv.net/images/song.wma width= height= autostart="true">
is this an old way of doing things? and what should it look like today.

Audio

  • 4 types of audio files playable on the web: Wav, MP3, AIFF, and OGG
  • <AUDIO> is the main element
  • Attributes include: Autoplay, Controls, Loop, and Src

Audio

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • Lesson Overview 0:18
  • Audio Formats 1:11
    • Four Main Formats
  • Audio Elements/ Attributes 2:47
    • Autoplay
    • Controls
    • Loop
    • Src
  • Audio Elements/ Attributes Live Demo 4:57
    • Audio.html
    • View Source