Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 1.5 hours on-demand video
  • 1 article
  • 9 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development HTML5

Creating an MP3 Player with HTML5

Use HTML5, CSS Javascript and XML to create a fully functional MP3 Player
Rating: 4.6 out of 54.6 (199 ratings)
14,573 students
Created by Framework Television Inc.
Last updated 10/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll 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

Course content

5 sections • 14 lectures • 1h 22m total length

  • Preview00:36

  • Preview00:33
  • Preview08:20
  • Preview09:47
  • Controlling Volume with Javascript
    08:18
  • Outputting and Controlling Song Position
    17:42
  • Lab Exercise
    1 page

  • Chapter 2 Introduction
    00:29
  • Creating the XML File
    06:31
  • Parsing the XML with Javascript
    14:40
  • Creating the Song Panel with HTML and CSS
    12:02
  • Lab Exercise
    1 page

  • Goodbye from Mark
    00:37

  • Bonus Lecture
    00:40

Requirements

  • Some Exposure to HTML, CSS and Javascript
  • Mac, PC or Linux Computer
  • Speakers or Headphones

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

Instructor

Framework Television Inc.
Learn with the folks from Framework Television
Framework Television Inc.
  • 4.2 Instructor Rating
  • 8,968 Reviews
  • 289,533 Students
  • 51 Courses

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.


  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.