.--. . . .
o | )| |\ /| o
. |--' | .-. . .| \/ |. . .--. . .-.
| | |( ) | || || | `--. | (
-' `-' `-`-'`-`--|' '`--`-`--'-' `-`-'
;
`-'
Download and place the iPlayMusic-folder in your web-root (the same folder as your index.html)
Paste:
<link rel="stylesheet" type="text/css" href="./iPlayMusic/sys/iPlayMusic.css" media="screen" />
into your html document <head>
and paste:
<script type="text/javascript" src="./iPlayMusic/sys/iPlayMusic.js"></script>
into your html document, just before </body>
The dev_iPlayMusic-folder is just the same as the iPlayMusic-folder, just not compressed. It's for development.
If you don't plan to develop, you can simply delete it.
- Copy your music files into the folder
iPlayMusic/music/ - Cope your album art image (160px*160px) into
iPlayMusic/albumart/ - Remove
iPlayMusic/albumart/default_album_art.png
School project -HTML5, js & php music player
Project will supply users with a code-snippet implemented music player to integrate into their web page
- HTML5
- JavaScript
- php
- Web based music player
- Compatible with all major browsers, as long as they are up to date (I.E. no IE6-support... Or 7 or 8)
- Compatible with iOS5-devices
- Download files
- Implement snippets
- Copy music to a specified folder and it should work.
- Repeat mode (off/one/all -default "all")
- Album art
- Tracklist
- NOFLASH
- Apple dev audio --
Overview of the audio element, and how to use it with js - video/audio slides by Silvia Pfeiffer --
eventlisteners and more - Modenizr --
tests and stuff
- Audio tag
- Canvas as progress bar
- Find all files in folder (music)
- Sort files by file type
- Return array of files (matching file type condition) as json
- Find album art file
- Return album art filename as string
- Detect browser audio file compatability
- Music player functions (Play, Stop, Pause, Previous, Next)
- Receive json information from PHP back end, and populate music list
- Maximize / minimize music player
– create a config file for user customization
- Custom music folder
- Custom album art folder