I'm trying to figure out how [url].... has created the audio player at the top of their pages, that continues to play a song even when the user changes pages.It appears they have done this without the use of flash.
View 5 Replies
I'm using VS2008Pro with Master pages. On a child page, I have a modalPopupExtender that calls a panel with an embedded Google video. Everything works great - the popup appears with the video,background greyed.But, when I close the panel,the audio keeps playing in IE 7 & 8. Netscape is fine.I went and tried what Google recommended, but it still continues.
'//In child page header
<script src="../swfObject/swfobject.js" type="text/javascript"></script>
<script type="text/javascript"> [code].....
I am creating a very content rich news/media website that requires an audio player. The audio player should be seen by the user as soon as they enter the website and the playlist should play throughout their time spent at the website and should not be restarted or stopped when navigating the website.
We originally were using a frameset for the audio player, but the fact that none of the pages through out the site could be reached through a link in the URL bar proved to be too much of an issue.
So the new idea was to open the audio player in a javascript pop-up window. But because of the nature of the website, we found that it was very common for users to go "back" in their browser to the homepage after they had navigated away, which would cause the pop-up code to be activated again and would make the pop-up reload, interrupting the audio.
So then we moved the pop-up code to the splash page so that when you enter the main page, its already open, and it can't be interrupted. But THEN we found that the pop-up window was of course opened behind the main website's window, which made it hidden and useless.
So we currently have no solutions! All we need is for this pop-up window to take focus and be the very top window, and once its opened to never be reloaded/refreshed again.
I am not sure whether this requires flash or not, therefore I'd like to ask if it is technically possible to create your own audio/video player with JavaScript/jQuery? If not, could I create something similar just not with full functionality? Like stop, next, previous, etc. buttons?
View 3 Replies View RelatedI am really lost in trying to hook up the controls. I've gone through and gotten all the files together from the demo, and tried using some of the UI helpers on "git" but I need an example to follow that's more for beginners
View 1 Replies View RelatedI made the following, but wanted the user action to update the audio player status without a page refresh. Currently, the code opens another page with just the player and plays the track picked. How could I make this so only the player src="" changes and nothing else.
Code:
<!DOCTYPE HTML>
<html><head><meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"><title>HTML5 Audio Test</title>
<script type="text/javascript">
[Code]....
OK so the basic stylesheets comprise about 800 lines of code and look about as fragile as Trump's ego; I don't understand what most of these CSS selectors actually refer to and I'm intimidated about breaking something.I need to make a smaller (less width, 230px wide to be exact) version of the audio player.[URL]
View 2 Replies View RelatedI have created a very simple flash splash image that I wish to display while a media player loads. I have it set so it will display and run as an "onload" - but for some reason it is not working.
[Code]...
A user will click which audio file they wish to hear. Once the window opens up, I have the onload set to load the flash that I have created, in order to allow the user to be "entertained" while the audio loads. I do not wish to stall or hinder the load time of the audio at the same time.
It seems like when I load javascript code into a page, that each item I add, such as an accordian vertical navbar, image slider, etc, that each time I add one, the page loads a second or so slower with each one added. I would like some of these features, but is this just a part of life, or are there tricks to avoid the slower load time? It is not major time but after the 2 items I mentioned, it added on about 2 seconds.
I read that $(document).ready(function() might slow me down but I do not see that statement in any of my .js files.
i am having trouble making an in browser ws to be able to put the songs on it by the way. Basically its supposed to be like winamp or w/e when you download it but instead i want it in a browser. The user should be able to just drag there files in and play.
View 1 Replies View Relatedi need code in javascript to make the player select playing with the computer or other player and select who player beginning playing
View 2 Replies View RelatedUsing Microsoft Internet Explorer 5.5 SP2 (that's the version I am using) in Windows 2000 SP3:
In a html put this in:
<select type="select-one" id="oSel1">
<option value="1" onmouseover="javascript:window.status='Hello' return true;">Hello</option>
<option value="2" onmouseover="javascript:window.status='Bye' return true;">Bye</option>
<option value="3" onmouseover="javascript:window.status='Dammit' return true;">Dammit</option>
</select>
There is no reason to put a onmouseover event in here because it doesn't work. And it should. Any suggestions what I may be doing wrong?
I am using the youtube chromeless player and embeding videos with loadVideoById() method problem is that videos with an id that contains an underscore or dash dont play although they play in the normal player. I also tried replacing with a hex value in querystring i.e (%5f) but that did not work I also tried loadVideoByUrl() method with several urls but still they don't load. here is my code
function switchToPlayer(ytid){
var params = { allowScriptAccess: "always"};
var atts = { id: ytid,onmouseover: "this.playVideo()",onmouseout: "this.pauseVideo()"};
swfobject.embedSWF("http://www.youtube.com/apiplayer?border=0&enablejsapi=1&playerapiid="+ytid, 'cell'+ytid, "150", "120", "8", "scripts/expressInstall.swf",null,params,atts);
}
[Code]....
Here's my page.
[url]
I'm having 3 small issues with the page as it is.
First, I'd like to hide the Google Player until an onclick event actually occurs.
Second, at the moment, there's only an onclick for the image maps over the tracks list, and no href, which means the cursor never changes to the finger cursor, letting folks know there's a link there.
Last, when you click on a link, I'd like to the page to move its focus back to the top of the page (not reload, obviously). Instead, it just stays where you are, and the user has to manually scroll to see the full album art graphic.
Here are the relevant parts of the code:
Code:
Code:
Code:
i'm trying to make jquery UI's button and dialog plugins work with my form. i want the reset button
[Code]...
then on a Continue response the button should continue with its original purposewhich doesn't happen. i get a return: false type of behavior w/o return: false anywhere. can anyone point me in the right direction?
I'm doing embedding Windows Media Player with the HTML but I can not run the script through a different page. The following script that I made: file : player.html
<html>
<OBJECT id="VIDEO" width="640" height="480"
style="position:relatif; left:0;top:0;"
CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
type="application/x-oleobject">
<PARAM NAME="URL" VALUE="file_name.mpg">
<PARAM NAME="SendPlayStateChangeEvents" VALUE="true">
[Code]...
I am looking for a way to show a picture on a page before the page loads.
for example. I already have a page but I want to show the visitors a image for 5 seconds before they can see the rest of the page.
Is this possible an if so how can I get it.
Maybe a script or a link where I can find it.
im1music.net has a download page which is a javascript. Basically when you click on the song title it redirects you to a page which gives you a preview player and a download link. I was just wondering what Javascript this is, as I wish to have it on my site.
View 4 Replies View RelatedI have some code which toggles the content on the page. This works fine but I need the first div to be showing when the page loads and its tab to have a selected state.
<html>
<head>
<title></title>
<style type="text/css">
img {border:none;}
#tab-nav {
padding: 0px 0 0px 110px;
height:41px;
[Code]...
i have a javascript bookmark to log me onto my schools site[URL].. it works fine if the page is already open, but with using the link to open the page, it runs the remaning script before the page loads and it doesn't work. is there any way to fix this withou using setTimeout()
View 2 Replies View Relatedwhere a div slides onto the screen as soon as a page loads.
My client wants something like this: [URL] (without parallax or the fade-in) but I refuse to do it in Flash, obviously.
I have this gallery here: [URL] The div id is wrap.
<BODY onload="window.scrollTo(x,y)">
However I am linking to Google Images so I can't modify their page
code.
Is there a way to link from frame a to frame b so that the javascript
in frame a decides and controls at what position the page will load?
I have a slide show program. First theres stuff to set up the array, and the time between slides Then a function startIt()is defined then a function stopIt()
Then two buttons, Start and Stop, which when pressed call the relevant
functions.
When the page loads, you have to click the Start button to get the
slide show running, but I'd like it to start running straight away
without having to click. I can't for the life of me figure this out.
I thought it was just a question of putting the line
startIt(); Code:
To begin, I'm a novice at this. I'm using 2 JQuerys on a page -
[Code]...
The first fades a page in and out when loading. The second 'smoothly' scrolls the page down to anchor text in the page. The problem is that the 1st script 'overpowers' the second, so when you click on an anchor text link it starts to 'smoothly scroll down, then the first script kicks in an re-loads the page. Is there a way of stopping the first script if the second one is being used?
When the DOM is ready you can write:
Say now, you want to try and do some animation done by default, in the below example I have done some animation only when the user do mouse over, how can i do that by default as in when the page loads.
Currently, I have code which fires a css class upon clicking a link like this:
Code:
<a href="http://www.google.com/">
<span class="frontbox" </span>Iframe example </a>
How can I fire this "frontbox" class when page loads, rather than having a visitor click the link?
