Creating an MP3 Player with HTML5 (Udemy.com)

Use HTML5, CSS Javascript and XML to create a fully functional MP3 Player

( 50 Reviews )

Created by: Framework Television Inc.

Produced in 2021

What you will learn

Understand HTML Basic Document Structure
Use the New HTML5 Audio Tag
Understand the Audio Tags Attributes
Use the Current Javascript Event Framework
Use the Javascript Audio API
Control Volume
Control Play Head Location
Output Song Time
Output Total Song Duration
Understand XML
Parse XML with Javascript
Create a muti-source Audio Player

Quality Score

Content Quality

Video Quality

Qualified Instructor

Course Pace

Course Depth & Coverage

Overall Score : 88 / 100

Course Description

Looking for a fun project to sharpen your HTML5 and Javascript skills? Are up for pushing your HTML5 and Javascript skills further? This course will take you through all of the steps necessary to create a fully functional MP3 player using HTML5, Javascript and a little CSS. The course provides a great way to learn more about HTML5 and CSS, while completing a programming project that is both rewarding and fun. You'll code along with master instructor Mark Lassoff as you learn to create a fully featured MP3 player that includes time elapsed output, a song position scrubber and click-to-load interface allowing you to change songs at the click of a mouse. Along the way you'll be learning valuable HTML5 and Javascript techniques that you can apply to almost any development project.Who this course is for:

IT Pros Who Want to Learn HTML5 by Completing a fun project
Students who want to understand HTML5 and Javascript
Traditional Developers wanting to work with HTML5 in Web and Mobile Space
Creatives Who Want to do more with HTMl5
Parents Who Want to complete an Interesting Programming Project with Their Kids

Time: 1.5h

Instructor Details

Framework Television Inc.

4.4 Rating
50 Reviews

Technically Speaking...
Framework is a new, post-cable, tech television network. You can learn web design with the team on 'Grid Digital', or create new apps on 'Build'. Each day you'll be learning new digital skills as you enjoy the shows on Framework.
You can watch Framework just about anywhere. View the network on your Roku Device, SmartTV, Amazon Prime or through your web browser.
Mark Lassoff and the team at Framework Television brings you a specially curated group of courses from our tech experts-- available here on Udemy.

Framework Television was formerly LearnToProgram, LLC.

Become a Certified Web Developer (2021)
4.4 (288 Reviews)

- Provider: Udemy
- Time: 42.5h

$11.99

HTML5 Specialist: Comprehensive HTML5 Training

HTML5 Specialist: Comprehensive HTML5 Training (2021)
4.7 (234 Reviews)

- Provider: Udemy
- Time: 5h

$11.99

Javascript for Beginners (2021)
4.1 (152 Reviews)

- Provider: Udemy
- Time: 2.5h

$11.99

Introduction to Web Development (2021)
4.4 (115 Reviews)

- Provider: Udemy
- Time: 1.5h

$11.99

Python for Beginners 2017 (2021)
4.4 (98 Reviews)

- Provider: Udemy
- Time: 5.5h

$11.99

Develop Your First App in an Hour (2021)
4.4 (79 Reviews)

- Provider: Udemy
- Time: 1 hour on-demand videoh

$11.99

All courses by Framework Television Inc.

More html 5 courses

2D Game Development With HTML5 Canvas, JS - Tic Tac Toe Game

2D Game Development With HTML5 Canvas, JS - Tic Tac Toe Game (2021)
5.0 (20 Reviews)

- Provider: Udemy
- Time: 5.5h

$11.99

Build a new and modern looking Responsive websites

Build a new and modern looking Responsive websites (2017)
4.9 (43 Reviews)

- Provider: Udemy
- Time: 9.5h

$11.99

Build Modern Responsive Website With HTML5, CSS3 & Bootstrap

Build Modern Responsive Website With HTML5, CSS3 & Bootstrap (2021)
4.8 (397 Reviews)

- Provider: Udemy
- Time: 14h

$11.99

Responsive Web Design Essentials - HTML5 CSS3 Bootstrap

Responsive Web Design Essentials - HTML5 CSS3 Bootstrap (2021)
4.8 (376 Reviews)

- Provider: Udemy
- Time: 16.5h

$11.99

How to Create A Website: An HTML Tutorial and CSS Tutorial

How to Create A Website: An HTML Tutorial and CSS Tutorial (2016)
4.8 (299 Reviews)

- Provider: Udemy
- Time: 32.5h

$11.99

Code Your First Website with HTML & CSS for Kids & Beginners

Code Your First Website with HTML & CSS for Kids & Beginners (2019)
4.8 (196 Reviews)

- Provider: Udemy
- Time: 2h

$11.99

All html 5 courses

Reviews

4.4

50 total reviews

5 star 4 star 3 star 2 star 1 star

Write a Review

By Chris P

This is exactly the kind of udemy course that is lacking: A mini project that puts basic skills to use. Thanks guys, the more of these you do, the more I'll enroll in.

By Demola Abdulai

right now..my mp3 player works and m so hapi to know it all works......thanks mark...great course

By Vijaya Sai M

Hi Mark,

Thanks a lot for your wonderful course on MP3 player

By Spiros Manglis

I did not expect that would be a disappointed course. Sorry about this mark but i found this course useless as i said, first of all there is a easier way to do it...i really dont like this course

By Petya Petkova

I watch all the lectures in one breath. It was very useful!

By Diego Ivan Perez Michel

I really good starting point to bring multimedia features to your app.

By Gilberto Maccacaro

Simple and introduces you some easy html5 css basics.

GJ Mark Lassoff

By Harry Stephens

Excellent, clear, precise, comprehensive. Progress pace is good too.

By Shoaib

it is no doubt that this is a good course but still their are some deficiencies in it like the most important i felt that it was not taught that how to code this mp3 player in a blogspot(blogger).or any other site.

2.if the eudio files are in different folder then what to do ?

thanks

By Paul Schmitt

Probably not the course, but the video lags & no sound. No problems with other courses...

By Jason Carrier

I feel that I can make an MP# player now, and design it to be visually pleasing.

By Gracia Taylor

Thanks Mark, I really enjoyed this course. It gave me a great basic idea of how to create an MP3 player with HTML5.

I got a tiny bit lost in the middle, but that's probably because I'm a newbie at using javascript. I think after getting into the thick of it and creating my own player using your instruction, I'll have a pretty good understanding of it all.

Thanks for a great course!