HTML - Interactive 'star Galaxy-like' Menu Help

I'm about to embark on something I realise will probably take a while to get right. Before I begin, it'd be good to pool opinions on the best approach. I've already done some preliminary research and to be honest at the moment it's all beyond my understanding!

The goal is to create a custom player of audio and video files with custom GUI, as part of a webpage. I don't want to use Quicktime because, AFAIK, it would prohibit a custom "look".

It may be necessary to create four separate players as the following situations need to be accommodated:

1) playing a single audio file
2) playing an "album" of audio files, in sequence
3) playing a single video file
4) playing an "album" of video files, in sequence

The player GUI would feature a "screen". When playing a video, the screen would show the video. When playing an audio file, there would be a still image associated with each song which would occupy the screen.

Then below the screen would be the usual apparatus for people to control playback: a trackbar, time counter, buttons for "play", "pause" and "stop". There would also be "next" and "previous" buttons for use when playing an album - they would be disabled when playing a single audio or video.

I have a few questions...

1. Apart from Flash, I don't want my visitors to need to install any software before they can use the player. I presume this depends solely on the media formats involved?

2. What video format would you recommend? What about FLV?

3. What audio format would you recommend? Ideally I'd like to use OGG but if that would introduce complications then I'll use something else.

4. There's always going to be a download button on the player so that the visitor can download the file being played. Now I've noticed on some sites that if a video is loading (before being played), and you attempt to directly download it, sometimes the download will "fail" at the point at which the loading was halted. So if the video has only loaded 40% and you start downloading it directly, the resulting file on your harddrive will only be 40% of what it should be. It's probably due to the streamed video being downloaded to an anonymous temp folder and being left in an incomplete state which the OS then thinks is a completed download. Can anything be done to stop this happening? Perhaps hide the "download" button until the file has finished loading?

Below is a mock-up of how I'd like the player to look, so you know what I'm going for. The purple background is supposed to resemble an HTML page.



I look forward to reading people's views.

Thanks for reading this long post,
Seymour.

I am trying to get rid of the "You have to click to activate this function" mumbo jumbo for a site I am doing. I tried following these directions...
http://www.adobe.com/devnet/activeco...devletter.html
but am having a rough time getting it to work... here is my code.
Code:

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','900','height','140','src','GoodDock','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','GoodDock' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="900" height="140">
  <param name="movie" value="images/GoodDock.swf" />
  <param name="quality" value="high" />
  <embed src="images/GoodDock.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="900" height="140"></embed>
</object></noscript>

Hello,

I'm new to this forum, so first, hello! Actually, I'm new to web design in general but have taken on the role at the church I work at because our old site was a mess. I downloaded some nice looking templates and have been using them as a foundation. The site is www.miamibc.com. If you go there and look at the header menu (home, about us, etc), I want to consolidate that menu some and add a drop down menu with more choices. Is there a way I can do this while keeping it looking the way it does now? If you need any more info from me, let me know. Thanks for your help!

Ben

I am very new to Html and everything that goes along with it. I have done ok so far trying to put a "Menu bar" up on the top of one of my games. Its not a traditional menubar. This is going to have a FB like button, a tweet button, and a Facebook button to my app fan page. when i do the like button and tweet button by them selves it looks fine. but when i try to add the Fan page button (that is basically an Anchor link) it goes all awry. here is the code I have


<ul id="list-nav">
<div id="fb-root"></div>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#appId=116334528469376&xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<li><div class="fb-like" data-href="http://www.facebook.com/apps/application.php?id=146310492066325" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true" data-colorscheme="dark"></div></li>
<li><a href="http://www.facebook.com/apps/application.php?id=146310492066325"> <img src='http://www.carboncopygames.com/files/facebook.png' /></a></li>
<li><a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.facebook.com/apps/application.php?id=146310492066325" data-text="Try Out AcroBlast on Facebook #flashgame" data-count="horizontal" data-via="doorsmaniac">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></li></script>
</ul>

you can see what it looks like here

Sorry if I butchered this
Thanks!

Hey, I have this bit of code:
Code:

 <!-- Navigation item -->
          <ul>
            <li><a href="#">Quick Roster<!--[if IE 7]><!--></a><!--<![endif]-->
              <!--[if lte IE 6]><table><tr><td><![endif]-->
                <ul>
                  <li><a href="#">Members</a><ul><li>test</li></ul>
                  <li><a href="header2.html">Header-2 (T+M)</a></li>
                  <li><a href="header3.html">Header-3 (T+B)</a></li>
                  <li><a href="header4.html">Header-4 (M+B)</a></li>
                  <li><a href="header5.html">Header-5 (T)</a></li>
                  <li><a href="header6.html">Header-6 (M)</a></li>
                  <li><a href="header7.html">Header-7 (B)</a></li>
                </ul>
              <!--[if lte IE 6]></td></tr></table></a><![endif]-->
            </li>
          </ul>          
        </div>
</div>

Where it says "Members", I want another submenu to pop out from there. If you need any other parts of the code, I'd be glad to get them.

Thanks.

Hi,

How can you create a menu that changes colors when you move over it with your mouse and where you can link other page's on.
I only need to insert text if it can be something like a tabel that changes the colors not only the text but the background of text too .
Can someone help me with thisone

Thx

Alright, don't know if this is possible in HTML or not but I want to try to make it in HTML. I'm trying to replicate the style of the top menu bar of my blog into some HTML pages. www.djmedley.com/blogland/

The Home, Podcast, Bio etc buttons.

I can make it using rollovers but would like to mimmic the exact style that's currently there. Text over a background that has that green line rollover effect.

Any help is greatly appreciated. Thank you.

I made a vertical unordered list menu everything is fine, the only problem is the rollover image only appears when you rollover onto the text and NOT the block of the text. Please help!! Thanks in advance.

I currently have a website with the ddaccordion menu from dynamic drive. Everything works great but every time the customer wants to add something I have to change the menu for just about every single page since the menu is used throughout the site.

My question is, is there any way to have it come from a single source and then just insert a link to that source where the menu normally goes? Then when I want to add something all I have to do is edit that source just like you would with a flash menu? Any suggestions? I would like to stay away from javascript and flash as much as possible. I keep feeling like this answer is right in front of my face and I'm just not seeing it! Thanks in advance!

Hello
I built a menu using a menu generator and I linked swf files
when i click the menu entry, the swf is opening on a new page
I would like the swf will open under the menu in the same page so I will be able to swich between swf files using the menu.
thanks

Currently I'm using a web script where the on the navigation menu you select the word "log-in" and when you log in, the word in the nav menu changes to "log out", (enabling the user to select "log-out" when he wants to log out).
Here is the menu code:

Code:

  
<div class="menuh">
<ul>
<li><a href="[var.base_url]">home</a></li>
<li><a href="[var.login_out_link]">[var.login_out]</a></li>
</ul></div>

I've had someone change the look of the nav menu, and the code now looks like this:

Code:

  
<tr><td class="menu">
<table><tr>
<td><a class="btn_home" href="[var.base_url]">&nbsp;</a></td>
<td><a class="btn_login" href="[var.login_out_link]">[var.login_out]&nbsp;</a></td>
</td></tr></table>
</td></tr>

However, the old word "log-in" still appears (above the new log-in button, and changes to "log-out", as before).

How can I get the new log-in word/button to change to log-out? (and get rid of the old words?)

Hi,

In the menu bar on our website I have a couple of sub meu's. They work in Firefox and Safari but not in IE.

The web address is http://www.perisandcorr.com
The sub menu on the Products page and screen printing should be indented but it doesn't seem to work in IE.

Any suggestions???

Thanks in advance

Dyfrig

okey so i have maken an image af the menu i would like to have but i cant seem to make it, i have tryede for a long time now and I need some help to make it

the menu looks like the bellow image and have the hover effect as U can see an the 3th link, there is 3 links when U run the mouse over it.. the only thing i know i want about the menu about the code part is that it must not contain "px" only give it the size with "%", else U guys can do what ever U want to make it.... HOME Botton shall not have the hover

Menu:


Thanks for Ur help

hey everybody, does anyone know the html?


http://asdsdasad.blogspot.com/

notice where it says blog archive, and when you click the play button, the menu drops down. i need something just like that.



one more thing,

http://en.wikipedia.org/wiki/Main_Page

on the left side there is a menu, i wanted to have a similar menu, but just with the drop menu thing i mentioned earlier

thanks

Hey,

I was wondering how I'd get a top menu bar like this site has:
http://fusedfilm.com/ (at the very top "Film Network")

I know that this is in the page source, but obviously that's not all the code.
Code:

<div id="topmenubar" align="center">
	<div>
		<a href="http://filmshaft.com">Film Shaft</a>
		<a href="http://movieviral.com">Movie Viral</a>
	</div>
</div>

Thanks,
Nick