15 replies to this topic

[Tirus]

Hello All,

I finished designing a website layout for a band on photoshop. I have also used funkysoul's flash tutorial to create an mp3 player for the site. My objective is to create the site with the flash mp3 player continuously playing and not restarting everytime one changes pages. Of course a very easy way to fix this is by creating the site 100% in flash, which I am considering, however I would prefer to create it in html. Is there a way to place my swf of the mp3 player in my html created website and not have the player restart on every page?

Is the only solution to this problem the use of frames, like one frame at the bottom where I would put in the player? (although I would rather avoid using frames)

Any and all help is greatly appreciated!

[l3lueMage]

Well, I was gonna say use frames but since you dont want that. I believe you can do it with CSS/Javascript mixed. I believe I did something like that once. I would do some tutorials cause it takes a while to learn how to do it. But yea easiest way is using Frames.

[d7x]

css, is the best way, faster load times and everything

[Stu]

im not sure, so dont blame me if im wasting your time, but you might want to look into something called AJAX .... i beieve cliff has written a tutorial on it on twodded

[Tirus]

ok, i read the tutorial on AJAX by Cliff and i dont really see how that would help me keep the flash mp3 player constantly playing throughout page changes. Maybe it is the perfect solution but I have very little experience with Javascript, CSS and PHP at the moment (although I will learn) so I just might not see its practical use at the moment. Thanks for the info though, i appreciate it.

Ok, back to frames....since I guess I should accept it being the simplest method....how would I apply the frames to the layout? :



the background will either be black or black with white dots (their album cover theme) with the site centered vertically and horizontally.

The bright green square is to show where my flash player will be placed. I have never used frames before, I've experimented with them in Dreamweaver but I would like to simply know where I should place the frame and what to put in it.

I'm thinking placing the frame at the bottom (seems obvious) but not too sure if I should slice the bottom of the web page (where it says designed by etc etc and the mp3 player) as one and place that in the frame.

Any help?

[rc69]

I'd suggest frames or doing the site entirely in flash for this.
And also, you can rule out using CSS or PHP for it. CSS is for styling, how it could possibly affect an mp3 player is beyond me. And PHP is server-side, so the page would have to refresh for anything to happen.

[liveman]

Im not sure, but isnt there a way to include a html document in flash?

[Tirus]

rc69, on Oct 8 2005, 01:29 AM, said:

I'd suggest frames or doing the site entirely in flash for this.
And also, you can rule out using CSS or PHP for it. CSS is for styling, how it could possibly affect an mp3 player is beyond me. And PHP is server-side, so the page would have to refresh for anything to happen.

havent heard about that liveman

and rc69, im willing to use a frame at the bottom for the mp3 player....but I dont want the site so that you have a scroll bar for the main page....not sure if im explaining it right, but basically is there a way to make a frame at the bottom that is positioned at the absolute bottom, like after the entire rest (top and middle porton) of the site. I tried using a frame at the bottom, problem is, I now get a scroll bar (not the default browser one, a new one) for the top half of the site and I dont want one.

Anyone know how to make a frame positioned at the bottom show up once the rest of the site is shown, therefore eliminating the additional scroll bar?

Tirus

[ericrcan]

im not sure, but maybe give this a try..automaticly opens a new window (you choose hiehgt width). its set so it opens only once on a brower session (meaning if you close it, your brower session has ended). the script is:

<script type="text/javascript">
 
//the url it is going to open
var popurls=new Array()
popurls[0]="http://www.kreativedesignworks.net"

function openpopup(popurl){
var winpops=window.open(popurl,"","width=,height=")
}

function get_cookie(Name) {
  var search = Name + "="
  var returnvalue = "";
  if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) { // if cookie exists
      offset += search.length
      // set index of beginning of value
      end = document.cookie.indexOf(";", offset);
      // set index of end of cookie value
      if (end == -1)
         end = document.cookie.length;
      returnvalue=unescape(document.cookie.substring(offset, end))
      }
   }
  return returnvalue;
}

function loadornot(){
if (get_cookie('jkpopup')==''){
openpopup(popurls[Math.floor(Math.random()*(popurls.length))])
document.cookie="jkpopup=yes"
}
}

loadornot()
</script>

[Tirus]

so if i used that script to open a new page with the mp3 player in it, music would play and people could navigate through the site without restarting the music

im just not very good with this coding stuff so it will take some work to figure it all out.....and i was actually thinking of just making the player open in another window.



one more thing, just a random question.....would anyone have any idea what the chances are that people have the flash plugins required to view a website made in falsh? im asking this because IF i do make the site or a site in the future in flash, im wondering if most people would already have the necessary plugin to view it.

[ericrcan]

if you put the script in the <head> section of the index page, it will automaticly open a new window. that new window would be the seperate html document with the flash mp3 player in it. and as far as the flash player, most people do have it. if they do not, it will tell them that they need to download it to view it. so its a good idea i think

[Fez_uk]

zYpher, on Oct 9 2005, 11:48 PM, said:

if you put the script in the <head> section of the index page, it will automaticly open a new window. that new window would be the seperate html document with the flash mp3 player in it. and as far as the flash player, most people do have it. if they do not, it will tell them that they need to download it to view it. so its a good idea i think

I think he has the best idea for you, If you don't want it to complicated and then they have a choice if they want the player to run.
By making a flash site it is more made for people not running slow connections so they would most likely have flash player.

[ericrcan]

zYpher, on Oct 9 2005, 12:27 PM, said:

<script type="text/javascript">
 
//the url it is going to open
var popurls=new Array()
popurls[0]="http://www.kreativedesignworks.net"
</script>

make sure you change the url too! if you didnt know already

[Tirus]

zYpher, on Oct 12 2005, 09:27 PM, said:

zYpher, on Oct 9 2005, 12:27 PM, said:

<script type="text/javascript">
 
//the url it is going to open
var popurls=new Array()
popurls[0]="http://www.kreativedesignworks.net"
</script>

make sure you change the url too! if you didnt know already

yes, thing is im like really new to coding and scripts, I usually let Dreamweaver do the work. Yes I know, much better to learn the actual code, and I'm planning on it. Starting from scratch, learning html and then moving on to hopefully css and php.

But for now, since I dont really know what I'm doing with the code, I'm just barely making it trying to figure out everything that needs to be changed in the entire script you gave me.

[zhanster]

Read some basic JavaScript tutorial and you can fix and edit codes. That's what I did, I don't know enough to write sets of codes that always work. but Iknow enough to install codes I get from libraries.

[Lift]

I think Stu has the right idea with the AJAX. The way AJAX works is you can load new content without refreshing the page and thus the flash mp3 player won't be interupted.

There is a tutorial on sitepoint.com - AJAX tutorial walk through.

I have not attempted this tutorial so I can't realy tell you anything about it, but all the tutorials I have done from that site are excellent.

Hope that helps.

Ciao