|
JavaScript - Need Help Tweaking Music Player Code
I hope someone can help me...I need to tweak this code so that background music will play randomly for an unlimited time. Right now, it plays a random song and then repeats it over and over. I just need to have it randomly change songs and keep playing! Here is the code I am using...
Code: <script type="text/javascript">
var musicSource = [
"http://www.bigmacktrucks.com/music/1.mp3",
"http://www.bigmacktrucks.com/music/2.mp3",
"http://www.bigmacktrucks.com/music/3.mp3",
"http://www.bigmacktrucks.com/music/4.mp3",
"http://www.bigmacktrucks.com/music/5.mp3",
"http://www.bigmacktrucks.com/music/6.mp3",
"http://www.bigmacktrucks.com/music/7.mp3",
"http://www.bigmacktrucks.com/music/8.mp3"
];
var rand = Math.floor(Math.random()*musicSource.length);
document.write('<embed src="'+musicSource[rand]+'" autoplay="true" hidden="true" loop="true" />');
// -->
</script>
I think this is simple but I am a total noob at javascript! Thanks in advance! Similar TutorialsI just added the SCM Music Player script to my WordPress site but now whenever I navigate to another page or news post the URL address doesn't change. The address bar stays static. How can I fix this? Here is the script code which was placed in Header.php within the <Body> tags: ======================================== <!--SCM Music Player by Adrian C Shum - http://scmplayer.net--> <script type="text/javascript" src="http://scmplayer.net/script.js" ></script> <script type="text/javascript"> SCMMusicPlayer.init("{'skin':'skins/black/skin.css','playback':{'autostart':'false','shuffle':'false','volume':'50'},'playlist':, <!-- playlist songs inserted here --> 'placement':'bottom','showplaylist':'false'}"); </script> <!--End of SCM Music Player script--> ====================================== Should I be adding this code someplace else? Thank you! Hey all, I've built a website for my music and I'm fairly new to all this so bear with me. Essentially, I have two flash-based music players on my site. One is a simple single-track player that auto-plays some background music for the site. The functionality is limited to the user starting/stopping the music and adjusting the volume. The other is an advanced music player featuring a playlist of preselected tracks and allows the user to start/stop music, rewind, fast forward, adjust volume and select tracks in the playlist. This player does not start automatically. My question is this: when someone visits the site, the single-track background music player will start. Is there code that would allow the advanced music player, should it be turned on (i.e. someone selects a track and plays it), to override and actually stop the play of the single-track? TIA! so i am trying to make a music player where you select a song from a drop down list and then click submit. it then brings up the audio controls with the HTML5 "<audio>" tags and then you can click play and it should work. i am having trouble actually doing this though. the html is Code: <html> <head> <title>Music Player</title> <script language="javascript" type="text/javascript" src="popup.js"> </script> </head> <body bgcolor="000000"> <font color="lime" size="6"> <div align="center"> <u>The Mighty Peacock Music Player</u> </font> <br> <br> <font color="red" size="5"> <select id="convert_to" name="convert_to"> <option value="danza" id="danza">Danza Kuduro by Dan Omar</option> <option value="iron" id="iron">Iron by Woodkid</option> <option value="boot" id="boot">Das Boot by Vat19</option> </select> <br> <input type="submit" value="submit" onClick="dispResults(convert_to)"> <p>The song selector is not functioning yet. Sorry for the inconvinence.</p> <br> <br> <div class="music_box" id="music_box"> <audio src="/music/Danza Kuduro.mp3" controls="controls"> </audio> </div> </div> </body> </html> and the javascript is Code: function dispResults(convert_to) {
if (id == "danza") {
document.getElementById("music_box").innerHTML = "<p>" + <audio src="/music/Danza Kuduro.mp3" controls="controls"></audio> + "</p>";
}
if (id == "iron") {
document.getElementById("music_box").innerHTML = "<p>" + <audio src="/music/woodkid.mp3" controls="controls"></audio> + "</p>";
}
}
any help would be greatly appreciated. Thanks I am trying to make it so that when the page loads, it will random play a song from a list of songs. Also, when the first song finishes, another random song should play. I have this code: Code: <script type="text/javascript">
var numberOfSongs = 5
var sound = new Array(numberOfSongs+1)
sound[0]= "music/Rock/1.mp3"
sound[1]= "music/Rock/2.mp3"
sound[2]= "music/Rock/3.mp3"
sound[3]= "music/Rock/4.mp3"
sound[4]= "music/Rock/5.mp3"
sound[5]= "music/Rock/6.mp3"
function randomNumber()
{
var randomLooper = -1
while (randomLooper < 0 || randomLooper > numberOfSongs || isNaN(randomLooper)){ randomLooper = parseInt(Math.random()*(numberOfSongs+1))
}
return randomLooper
}
var soundFile = sound[randomNumber ()]
document.writeln ('<BGSOUND SRC="' + soundFile + '" loop=5>');
document.writeln ('<EMBED SRC= "' + soundFile + '" loop=5 PLAYCOUNT=3 hidden=true autostart=true><P>');
</script>
How would it be possible to play another random song after the song finishes? I have a tiny flash player(with controls) in a table on it's own html page. It only plays one piece of music. But I need an unusual popup script which I can't seem to find. I want the tiny player (75 x 30) to popup on it's own without all the window (chrome?) surrounding it. I want it to be in either the top or bottom left corner. I would also like it to popup on load but turn off when I go to a particular page that I have a sound video on and then turn off completely when they leave the domain. It is a music site. Can some one please write a script like this for me and how do I get around annoying popup blockers. Hello guys, I've made a music playlist where you should be able to listen to music (of course). All works fine, i am capable too listen to all the music in my playlist. But, when i reload my website and click on a song, it send me an error message - "Adobe Flash Player has stopped a potentially unsafe operation. If you want the program to communicate with Internet, click on settings." When i click on settings, i get another message - "Sorry, this page is not available". I had also another Option instead of settings which where, "ok". When i click on OK it works fine and it's no problem to scroll through the musiclist and listen to all of the soft songs. But i don't even want the message to appear from the very first time. Do you know what i should do to get rid of the message? Here's my code: Code:
<!--
BEGIN JAVASCRIPT PLAYER EMBED CODE
-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<div id="player-holder"></div>
<script type="text/javascript">
var options = {};
options.playlistXmlPath = "playlist.xml";
var params = {};
params.allowScriptAccess = "always";
swfobject.embedSWF("OriginalMusicPlayerPlaylist.swf", "player-holder", "250", "250", "9.0.0",false, options, params, {});
</script>
<!-- END PLAYER EMBED CODE -->
Regards Webjoker Hey guys just using a simple Notepad++ to make a HTML page I've been trying to get a video working but its not turning out exactly well. I get an empty video page that won't load my video file. I downloaded JW Player and uploaded the javascript and player.swf to my folder. Then the following codes. Please Teach ME ! ----------------------------------------------------------- <html> <head> <script type="text/javascript" src="jwplayer.js"></script> </head> <body> <div id="container">Loading the player ...</div> <script type="text/javascript"> jwplayer("container").setup({ flashplayer: "player.swf", file: "Flyff Introduction.flv", height: 270, width: 480 }); </script> </body> </html> I have a website (www.andrewburns.net.au) that displays differently according to OS. Currently in OSX the text in the menu lines up with the image text of the site title - this is what we want to have happen and it looks fine across all browsers using OSX. However, in Windows it's offset by about 10px, and similarly displays the same offset in all Windows browsers incl Chrome, FF, Safari, and of course ie. I'm trying to use javascript to sniff out the OS and display alternate css accordingly. I'm not a JS coder at all and a friend who is has got me this far... Code: var isms=( navigator.appVersion.indexOf("Windows") != -1);
document.write("Browser Version: " + isms);
if(isms) $('DIV .menu').css('left','100px');
What I'm not sure about is where to put it to make it work given there is a fair amount of other scripts operating on the site. Is there anyone out there who can have a look at the site/source code and offer any insight/suggestions/solutions? I'd really appreciate it... I'm under a fair bit of pressure from the designer to get it pixel perfect and this is the last aspect of the site to sort out before I can sign it off. Thanks this site plays music when you are there. how do they do it? Hello, I need help. Fast. I have enough HTML knowledge to get by but am miles away to be called an expert. I need to know how I can autoplay music with a click of a button. Its for a popular blogsite called Tumblr (oh c'mon I know you've heard of it). If possible, I hope that there won't be any pop-ups involved. Any and all help is greatly appreciated! (I think this is related to Javascript too ) Looking for a way to have background music play automatically when my site loads, with the music being randomly picked from a list of several songs.. So each time the page loads, a different song should play.. Can be JavaScript or Flash, whichever way works the best.. Any ideas?
How to add an .mp3 file using java-script with HTML. I wish to add an mp3 file as a background music to my webpage. It should load automatically while user viewing my home page. I'm doing a project in php. "Give me a simple and easiest guideline for me" -thank you Hello, I am trying to change the background music on our website to be continuous, right now the music restarts every time you go to a new page. The webmaster who designed the website has this coding on the header page on the includes folder, he said setting it to restart with every page change was the only way we could set it up to be compatible with seo, I have had mixed information about this. Can anyone tell me how I should change this code without affecting the seo results. THANK YOU [code] <script type="text/javascript"> var flashvars = {}; flashvars.width = "70"; flashvars.height = "50"; var params = {}; params.wmode = "transparent"; var attributes = {}; attributes.id = "music"; swfobject.embedSWF("background_music.swf", "music", "70", "50", "8.0.0", true, flashvars, params, attributes); </script> [code] Hi, I would need your helpful with a code for playing a music or video after 5 seconds launched page. I need a code to say under <body> </body> like autoplay. Regards Bob Our website normally plays music onload that can be stopped when manually starting a video using onclick="stop1()". I've manipulated a javascript that detects if the user is a new or return user and plays the video automatically in a popup if the user is new. But, I cannot figure out how to either stop the music or prevent the music from starting at the same time. I've really got no experience with js and am fumbling my way around. would appreciate your help. I have music set to start playing when my website starts up...is there any way to keep it from restarting everytime I go back to the home page through clicking the home link from another page?
I'm doing some kind of MP3 Player search in javascript form using the URL from http://beemp3.com/index.php?p= then after the = any user will type the song they want to search and it'll appear as a valid URL search data under beemp3.com. The page is in http://stereowired.wehostyour.info/searchid.html. My problem is getting the value in .superform whenever the onChange occurs. this.value() doesn't work. I need some kind of alternative thanks oh yeah and the whole code Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>MP3 Search Engine</title>
<style type="text/css">
*{font-family:"georgia","times new roman"}
body{padding:0;margin:0;background:#fff;color:#000;}
.center{text-align:center;width:64%;margin:0 auto;}
.formatt{width:100%;height:36px;display:block;}
.superform{float:left;width:73%;padding:5px 0;border:2px inset #a0a0a0;background:#e8e8e8;font-size:17px;color:#555;text-align:center;display:block;margin-top:1px;text-shadow:1px 1px 0 #fff;}
.superform:hover{background:#d8d8d8}
.supersubmit{float:right;width:25%;padding:5px 0;border:2px outset #333;background:#434343;font-size:17px;color:#999;display:block;margin-left:1%;text-shadow:1px 1px 0 #121212;}
.supersubmit:focus{border-style:inset;color:#fff}
#jam{width:100%;display:block;clear;both;border:0;height:600px;}
</style>
</head>
<body>
<div class="center"><h2>Stereo wired Search Engine</h2><div class="formatt">
<input class="superform" type="name" onChange="document.getElementById('jam').src="http://beemp3.com/index.php?q="+this.value()+"" /><input class="supersubmit" type="submit" value="Search" /></div>
<iframe id="jam" src="http://beemp3.com"></iframe></div>
</body></html>
can somebody plz give all the parameters that i can use for a media player? I wanna know how to control them with javascript, such as take off the seek, or redirect them after the media player finishes, or do call function after an event happens such as clicking on the play button... i need all the reference for that, i can't on the internet, and even if i did they aren't working. Thank you guys! Hi, Is there any possibility of having the JW player playlist at the bottom. If possible can anyone post the javascript and its attribute for that. Thanks, Ananth |
|||||||