JavaScript - Popup For Flash Music Player

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!

I have 3 tabs with a flash video playing in each. If a user clicks on a video and then decides to move to another tab while the video is playing.... the video stops and the tab is switched. I am using the code below to achieve that.

Code:

onClick=player1.sendEvent('STOP'); player2.sendEvent('STOP'); player3.sendEvent('STOP');

this works fine if I have the tabs appearing in sequence with player1 embedded in the first tab, player2 in the second and player3 in the third. However, I wanted to randomize the tabs, in which case if tab 3 containing player3 appears first and is played and then the user switches to another tab the video keeps playing.... meaning the above code does not work in that instance.

I am at a loss here cause i thought that the onClick event should be going through all the players and stopping them.

website: http://tinyurl.com/ydalz2r (at the moment the tabs are displayed in sequence)

I put together a custom audio player using code from a few players.

http://66.147.244.101/~fastlif2/wp-c...mp3player.html

The player works in CHROME perfectly. The AUDIO tag supports mp3's in Chrome. However, there are compatibility issues in other browers. The audio tag works in FireFox, but only with ogg files (which I don't have). And IE is pretty useless.

So, I need to have the player play in Chrome normally (as it is now). If the browser does not support mp3s or the audio tag, I want to default to my Flash player. And, if flash isn't supported, then I want to have a download link.

I thought that if the browser didn't support the audio tag, it would default to the embed code that I have listed in there ... but it isn't working. Odd. Any idea what is wrong?

Since I am not a strong javascript programmer, I need some way to check this. Also, there is so much javascript, the I am very hesitant to play with the code anymore (as I may mess it up).

Please help

Hi,

I am a JavaScript novice, and appreciate any help you can give.

For design reasons, we did not like the appearance of a still video on our web page. So I write a short little script to replace a picture that we selected, with the code for a flash player, once the image was clicked.

The code works exactly as designed on IE and Chrome. It works *almost* as designed on Firefox and Safari -- but on those browsers the "fullscreen" button in the plugin doesn't work.

It is *not* a problem with the FlowPlayer code. If I simply put the FlowPlayer code into a web page, it works fine. I think that somehow some browsers do not want to let the FlowPlayer expend outside of the JavaScript object box I created -- though that is just an hypthesis.

If you have any insight or suggestions, I would appreciate it.

The page is at http://sudval.org/test.html

The code:

Code:

<div style="line-height: 12px;letter-spacing: 0px;"> 
 
<script type="text/javascript"> 
function changeText(){
var strOut;
	strOut = "       <object id=\"videoplayer\" width=\"334\" height=\"204\" type=\"application/x-shockwave-flash\" data=\"http://app.provdn.com/flash/flowplayer.swf\">";
	strOut = strOut + "         <param name=\"movie\" value=\"http://app.provdn.com/flash/flowplayer.swf\" />";
	strOut = strOut + "         <param name=\"allowFullScreen\" value=\"true\" />";
	strOut = strOut + "         <param name=\"allowscriptaccess\" value=\"always\" />";
	strOut = strOut + "         <param name=\"flashvars\" value=\"config={\'playlist\':[{\'url\':\'http://cdn.provdn.com/4931/thumbnail/frame_0000.png\',\'scaling\':\'fit\'},{\'url\':\'http://app.provdn.com/output_videos/0e7c9ace9c16d4351b5108133cf1efaceebe89bb\',\'autoPlay\':true,\'scaling\':\'fit\'}],\'plugins\':{\'controls\':{\'url\':\'http://app.provdn.com/flash/flowplayer.controls.swf\',\'playlist\':false,\'backgroundColor\':\'#000000\',\'tooltips\':{\'buttons\':true,\'fullscreen\':\'Enter Fullscreen mode\'}},\'bwcheck\': { \'url\': \'http://app.provdn.com/flash/flowplayer.bwcheck-3.1.3.swf\', \'netConnectionUrl\': \'http://cdn.provdn.com/bitrate/test.mp3\', \'bitrates\': { \'http://app.provdn.com/output_videos/542539e49d4056ce6d3968958313be3dee94614b\':200, \'http://app.provdn.com/output_videos/d31b9a3562c35244cb2c2a28bb4a9aaa1edd1995\':600, \'http://app.provdn.com/output_videos/0e7c9ace9c16d4351b5108133cf1efaceebe89bb\':1000 }, \'urlPattern\': \'{1}\', \'urlExtension\': \'swf\' }}}\" />";
	strOut = strOut + "         <param name=\"bgcolor\" value=\"#000000\" />";
	strOut = strOut + "         <param name=\"wmode\" value=\"opaque\" />";
	strOut = strOut + "         <!--[if gt IE 6]><!-->";
	strOut = strOut + "         <object width=\"334\" height=\"204\" type=\"video/quicktime\">";
	strOut = strOut + "           <param name=\"src\" value=\"http://cdn.provdn.com/4931/thumbnail/frame_0000.png\" />";
	strOut = strOut + "           <param name=\"href\" value=\"http://app.provdn.com/output_videos/54339bc0f4a7c39dd0d746f52139d3a6b6c46375\" />";
	strOut = strOut + "           <param name=\"target\" value=\"myself\" />";
	strOut = strOut + "           <img src=\"http://cdn.provdn.com/4931/thumbnail/frame_0000.png\" width=\"334\" height=\"204\" alt=\"No Video\" title=\"No video playback capabilities.\" />";
	strOut = strOut + "         </object>";
	strOut = strOut + "         <!--<![endif]-->";
	strOut = strOut + "       </object>";
	document.getElementById('boldStuff').innerHTML = strOut ;
}
</script> 
 
<b id='boldStuff' onclick='changeText()'><img src="images/videoimg.png" alt="no video" title="Introductory Video" width="334" height="204"></b> 
 
 
<p><A HREF="/08_cont_03.html"><img src="images/OH012211.jpg" alt="button" width="161" height="181" title="Open House!" BORDER="0" ALIGN="right" style="margin-left: 10px;"> </A></p> 
 
 
<font size="2" style="font-family:arial; font-size:80%; line-height:1.3;"> 
 
<p id='boldStuff' onclick='changeText()' align="left"> 
 
This video is a glimpse into the life of our school.  Enter a world of young people who are exuberant about their lives, and are fully in control of their education.  We hope you will enjoy their spirit, their focus, and above all their intensity in pursuing their passions.
 
<br><img src="images/playvid.png" alt="Play Video" title="Play Video" width="100" height="25" style="margin-top:10px;"> 
 
</p> 
 
</font> 
 
</div>

This is what I have so far which works as a cross-browser download however Firefox will play the video locally inside the popup window: is this normal behaviour?

Code:

<span class="popup"><a href="javascript:void(window.open('videos/directdrive.flv','','height=383,width=512'));">Watch a video!</a></span>

link to the page

This is a very new area for me as you can probably tell and I was wondering if websites require a flash player to view video or do some browsers have a flash player built in as Firefox has led me to believe?

Thanks.

Hello,
well i am having this annoying issue from previous 3 months and its a very long story to tell but i will try to make it small, well i am interested in using a popup to show flash games in it, so i did then my interest went to make all games playable in full screen so i did that too and got success, but i am facing issues due to wmode, if you visit my this site link
http://www.bloghuts.com/2010/11/13-days-in-hell.html
and click on play game for other browsers while using google chrome browser, you will see the error there will be blocks appearing in the game, while if click on play for google chrome
then this error is not there, its just because of WMODE, for google chrome button i am using wmode while for all other browsers i am not doing this.
the reason for not using wmode to my other browser play button is that if i add wmode to the games then the performance of the game is highly damaged in fireforx and internet explorer, and also to some extent in other browsers including google chrome.
WHAT DO I NEED FROM YOU PEOPLE?
it is that i want to get rid of this wmode=opaque thing as it makes the game slow even in google chrome which is effecting game playing quality, i used window,transparent too
but nothing good came out of it.
Only google chrome is asking for the wmode, while our step child internet explorer is happy with it, hehehehe
Please someone help me out i am literally taking out my hair, lol
some more information i would like to provide so that things work fast, i am using blogger blog, i have knowledge of html,xhtml,css, and for java or jquery its hint and trial.
thanks for reading the long story and giving me time,
if you can help please help me out, and i don't have money to pay for your service of help, otherwise why would i try to make blog xD.
thank you
Regards.
Cryoffalcon.

Hi all! I started using the JS-based Free Flash MP3 player on a site, but I'm stuck on what I thought would be a simple step. I tried their site for help, but at first their contact form was broken, and now their site is no longer up

Here's what I'm trying to do, I need this player to access an external folder to generate the playlist. However, the player says to use a "relative" path only:
Code:

<!-- Script that embeds player. -->
<script language="javascript" type="text/javascript">
var so = new SWFObject("flashmp3player.swf", "player", "675", "300", "9"); // Location of swf file. You can change player width and height here (using pixels or percents).
so.addParam("quality","high");
so.addVariable("content_path", "http://www.blessedhopeministries.com/sermons/Rev.%20Eddie%20Conard/"); // Location of a folder with mp3 files (relative to php script).
so.addVariable("color_path","default.xml"); // Location of xml file with color settings.
so.addVariable("script_path","flashmp3player.php"); // Location of php script.
so.write("player");
</script>

I need it to access: http://www.blessedhopeministries.com...ddie%20Conard/

These are both of my client's sites, but I'm just trying to upload to one central folder so that two players on two separate sites can access the same files. Here's a piece of JS that is in a .php file associated with this player. I'm not sure if it will help, but here it is:
Code:

class ID3{

   var $file_name=''; //full path to the file
   					  //the sugestion is that this path should be a
                      //relative path
   var $tags;   //array with ID3 tags extracted from the file
   var $last_error_num=0; //keep the number of the last error ocurred
   var $tags_count = 0; // the number of elements at the tags array

I'd appreciate any help from you pros and I apologize if I didn't post in the correct place. Thank you!

hi guys, i was wondering if anyone could help me.
Ive been looking into the above and want to implement it on my site.

I have created no flash pages and flash pages, but instead of creating a portal at the front of the site that leads you to a flash site and a no flash site id like to do it so the page detects flash or not, and redirects to whichever URL.

Is this possible, or do multiple browsers cause problems ?

cheers

Hi,

I'm kinda hoping this is possible but haven't found any reference to it...

I have a parent page that opens a popup on click that launches a sidebar navigation on the right of the screen and resizes the parent page. What I am wanting to do is create a second popup (approx 250px high) that opens below the navigation (which is only around 600px high) but I have noticed that even when you have no status bar in the popup windows, they can still end up overlapping because of additional tools or plugins that the viewer has in their browser.

Is there any way to get the popups to butt up against each other instead of overlapping? More like a relative popup?

Any assistance would be appreciated. :-)

this site plays music when you are there.

how do they do it?

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 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?

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?