Display Uninterupted Audio Player Across A Multi-page Website
Sep 10, 2011
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'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.
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?
I 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
I 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.
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]
I have a project that aim to allow people who participate in the charity to record their experience in helping children in various poor countries. In order to make it more convenient, I am hoping to put this audio recorder that will enable users to record --> stored in my data base --> show to public in a forum link structure!
Can you give me an iframe code that will display another page in my website. For example, I want to display specifically the login area of facebook. let say 100px by 40px. Then, when someone logged in their account it will change view to the center of the facebook and change to 500px by 700px. is it possible?
I 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.
I'm hoping to find a way to load a music file that will continue to play when moving from page to page without interuption, only ending when the site has been left. I've only seen where the music resets every new page.
I have embed a flash player known as: JW player into my website and put it into a div. Now my problem is I want javascript to hide the div containing the flash player for atleast a few seconds to display a loading image.gif. How would I set this up?
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.
I need a JavaScript (or something else) that will fade out the web site, on load, and display a series of images, then display a "Continue" button to go back to the web site. I have an idea for a cute (and funny) way to get people interested in my site that has a weird name. I searched high and low (Google!, amongst others) for anything that would be close to what I need, to no avail.
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]....
I have found a great bit of javascript that I want to use on my site but I want to use it three times on the same page. If you look at [URL] you see three pictures at the bottom I want to make them change but the first only has four images the second has five and the third has three so I want to use the same code below on them all separatly.
Code: <script type="text/javascript"> // Flexible Image Slideshow- By JavaScriptKit [URL] // For this and over 400+ free scripts, visit JavaScript Kit-[URL] // This notice must stay intact for use var ultimateshow=new Array() //ultimateshow[x]=["path to image", "OPTIONAL link for image", "OPTIONAL link target"] ultimateshow[0]=['images/rotate/tattoos/main-tattoo1.jpg', '', ''] ultimateshow[1]=['images/rotate/tattoos/main-tattoo2.jpg', '', ''] ultimateshow[2]=['images/rotate/tattoos/main-tattoo3.jpg', '', ''] //configure the below 3 variables to set the dimension/background color of the slideshow .....
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.
I need to do multi DOM manipulation into a page without reload it (something like: when i click on a thum in another part load a photo with a specific text, if i click on this text load another photo).
I use a js like:
First page loading everything goes good.... but when i fall into MY_CODE1, i can't execute MY_CODE2 anymore.....
I am wanting to display 3 separate data feeds on my mobile website from Pachube like this [url] and have modified some code (which was designed just to display 1 feed). As you will see the code has been extended but does not display (at all!) on a iPhone, whilst the original code did. I have been told that it may be because there is no interval between each variable actualization. how to rectify this.
I would like to use Galleria to display photos on my website but I'm having trouble getting it to function. I don't know an awful lot about html but I think I've followed the instructions correctly. I would like my gallery to function something like this: [URL] but right now it looks like this: [URL] I'm not so worried about the design aspect because I'm hoping to work on that later but I would like the gallery to work correctly.
