Web HTML Universal Music Player
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
README notes on how to override CSS Mar 29, 2015


WHUMP v0.x
Web HTML Universal Music Player 
Copyright (C) 2015 Cockos Inc
License: GPL

To use, option 1:

Make a file whump_config.js and put it with whump.html:

	// can override pl_fntitle, db_fntitle, or fntourl() definitions

	function whump_init() {
		document.title = "test";
		document.getElementById("thdr").innerHTML = "WHUMP-test";
		document.getElementById("foot").innerHTML = "Powered by WHUMP";
		request_db("database-file.txt"); // can include multiple lines of these if you like

To use, option 2:

(if you want search-engines getting your page and don't want the additional javascript file)

Search and replace, e.g. in PHP:

	$init_code = 'request_db("database-file.txt");' // can include multiple statements

	echo str_replace('<title>WHUMP</title>','<title>test</title>',
		str_replace('<div id="thdr"></div>', '<div id="thdr">WHUMP-test</div>',
		str_replace('<script src="whump_config.js"></script>','',
		str_replace('<div id="foot"></div>', '<div id="foot">Powered by WHUMP</div>', 
		str_replace('whump_init();', $init_code,


database-file.txt can be a URL, and the contents of which should be zero or more lines of (tab delimited):

  ; Prepopulated playlist item:
  pre	URL

  ; Item in database:
  item	URL	length_in_seconds


BONUS: want to modify the CSS without having to modify the .html file? Use the following javascript:

function getcssrule(name) {
	if (!document.styleSheets) return false;
	var ss=document.styleSheets[0],c=0;
	for (;;) {
		for (var i = 0; i < ss.cssRules.length; i ++) {
			var r = ss.cssRules ? ss.cssRules[i] : ss.rules[i];
			if (r && r.selectorText.toLowerCase()==name) return r;
		if (c++) return false;
		if (ss.addRule) ss.addRule(name, null,0);
	        else ss.insertRule(name+" { }", 0);


	getcssrule("#foot a").style.color = "black";