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.
View 1 Replies
ADVERTISEMENT
Dec 10, 2009
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
View Related
Jun 2, 2011
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 Related
Jun 3, 2010
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
View 1 Replies
View Related
Jul 11, 2010
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.
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]....
View 2 Replies
View Related
Aug 17, 2011
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 Related
Oct 12, 2011
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!
View 1 Replies
View Related
Feb 20, 2009
I am trying to add a page to my website which will display my latest twitter updates.
Twitter offers a widget that will do this and I am trying to use it. Here is the code snippet that I have added.<
div id="twitter_div">
<h2 style="display: none;" >Twitter Updates</h2>
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/ourvalley" id="twitter-link" style="display:block;
[Code].....
I am thinking possibly another script
Here is the link to the page [URL]
View 2 Replies
View Related
May 23, 2011
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?
[Code]...
View 2 Replies
View Related
Feb 19, 2010
My Javascript dropdown menu drops down behind my embedded music player on my website (http:[url]....).
View 2 Replies
View Related
Sep 6, 2010
Im building a website with a music player, the problem is that when you go to an other page the music player reloads and starts over.
Thats why im looking for a script that allows you to control a divs content. it is being used on this website: [url]
View 5 Replies
View Related
Feb 15, 2010
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.
View 1 Replies
View Related
Nov 5, 2000
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.
View 3 Replies
View Related
Mar 28, 2010
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?
View 2 Replies
View Related
Apr 17, 2006
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 Related
Dec 29, 2010
i 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 Related
Aug 31, 2011
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.
View 1 Replies
View Related
Dec 11, 2011
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]....
View 4 Replies
View Related
Mar 1, 2004
I´m trying to get multiple slide shows on one page (3 beside each other) using JavaScript.
I took the code from http://www.dynamicdrive.com/dynamicindex14/pixelate.htm
for creating the slide show, everything is working fine but I can´t change the code to work with multiple slide shows on one page.
View 3 Replies
View Related
Sep 1, 2011
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 .....
View 7 Replies
View Related
Jul 22, 2009
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:
View 14 Replies
View Related
Jun 5, 2009
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.....
View 4 Replies
View Related
Aug 3, 2011
I'm trying to display a record in a div(message) based on a user selecting the corresponding button.
Basic syntax is:
<button value=1>Review</button>
<button value=2>Review</button>
<button value=3>Review</button>
<div id="message" name="message"></div>
I'm using the code below but for some reason when I click a button nothing happens.
[Code]...
View 2 Replies
View Related
Jan 22, 2010
var macs = {
How do i call this function and display out in the website?
This doesn't seems working..
View 1 Replies
View Related
Dec 6, 2011
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.
View 1 Replies
View Related
Mar 19, 2010
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.
View 2 Replies
View Related