如何使用HTML5，Jplayer和mysql从播放列表中跟踪歌曲播放？

Question

I am building a custom based player which will have access to 3 play lists. The client selects the playlist they want to hear. At the end of the day I need someway of counting how many times each song on that playlist was listened to. Can this be done in HTML5 or do I need to do this in php and MySql. This has to work for both iOS, Ipad,as well as windows and android.

Answer 1

I've done something like this before, and the solution I came up with was having the MP3 files accessed via a PHP file, which registers the request in a database and then fetches the file and serves it (adding headers so the browser recognizes it as an MP3). Something like:

//track the file after you've confirmed it's a valid request (filename passed in URL as

?mp3=[mp3 filename]
$logged = track_this($_GET['mp3']); //some tracking function

//now spit it out...

$file_name = "song_name.mp3";
$file = '/path/to/files/'.$_GET['mp3'].'.mp3';

$mm_type="application/octet-stream";

header("Cache-Control: public, must-revalidate");
header("Pragma: hack"); 
header("Content-Type: " . $mm_type);
header("Content-Length: " .(string)(filesize($file)) );
header('Content-Disposition: attachment; filename="'.$file_name.'"');
header("Content-Transfer-Encoding: binary\n");

print file_get_contents($file);

it works pretty well, though you can't track whether they stopped the track part way through (so it's pretty simple metrics)