GithubHelp home page GithubHelp logo

bradtraversy / html5audioplayer Goto Github PK

View Code? Open in Web Editor NEW
58.0 10.0 92.0 88.66 MB

HTML5 Audio Player uses the HTML5 audio API to create playlists and play, pause and skip through tracks.

JavaScript 51.74% CSS 48.26%

html5audioplayer's Introduction

HTML5 Audio Player

HTML5 Audio Player uses the HTML5 audio API to create playlists and play, pause and skip through tracks.

Version

1.0

Demo

To view a live demo, please go to - http://codedemos.com/html5/html5audioplayer

##Installation## Simply upload the files to your web server

Vendors

HTML5 Audio Player uses a number of open source projects

##Supported Browsers##

  • Chrome (stable and canary channel)
  • Firefox
  • IE 9 and 10
  • Opera
  • Safari

##License## GNU/GPL

##Support## If you are having issues getting this software to work, you can email [email protected]

##Authors## Brad Traversy

html5audioplayer's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

html5audioplayer's Issues

Next and Previous not working as intended.

I know this is an old post, however I thought I would post here as I have an issue using your code.

Everything works well with the player parsing songs into list however the next and prev buttons will not move through the list only the first song in the list plays, then it will only move to the next song in the list when hitting next it will not move past that second song in the list to the next song in succession. It also concatenates each songs name to the playlist title. Also the active css for the button just adds a new active style and keeps the old active bg for the songs button when next is hit. Also the duration breaks once you hit next once, if you do not actually hit the play button, it will not start, just posts the 0:00. Unable to get a working player in terms of using next and previous. I have checked the code thoroughly and no issue with what you cover in your tutorial, just doesn't seem to work in Chrome.

examples domain is sketchy

codedemos.com domain is doing a bunch of redirects and asking to download a security add-on. big red flag

Can we make an update to support arabic language

Hi,

Can you please assist if it's possible to support Arabic language for the list and page title.
as i'm trying to setup the html code for the artist and song name in Arabic it's coming like that:
"ال�اتحة"

Note

In itself a great site.

But I would still remove the examples from the page if we were to add our own content.

I can use it well for a project

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.