HTML - Audio Player For A Html Blog Advice Needed

Can i use javascript to control the file that playing by the real audio plug in, i mean i embeded the plug in, and i want to dynamically assign the files by using the drop down listbox. I had tried it , but although i successfully set the filename, but cant control the start value.

Another question is whether window media play can play real audion file or not ??

Thanks for answering.

mother of the bride
discount wedding dresses
mother of the groom dresses

I'm having a really odd problem with the html audio player. It looks fine if I don't click the play button, but the moment I click the play button, it would disappear and reappear around 15-20 pixels lower. Here is my code for a simple audio player:

HTML:
Code:

<div id="audioplayer">
       <span class="eightonesmall" id="audiotext">&nbsp;Background music control</span>
        <audio controls="controls">
		<source src="music/liangzhuhualuowuhui.ogg" type="audio/ogg" />
                <source src="music/liangzhuhualuowuhui.mp3" type="audio/mp3" /> 
        </audio>
</div>

CSS:
Code:

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow:hidden;
	background-image:url(../pictures/drawings/backgrounds/menubackgroundbubbles.png);
	background-position:center;
	background-attachment:fixed;
}

#audiotext {
	vertical-align:middle;
	color:#CCCCCC;
}

#audioplayer {
	position:fixed;
	top:10px;
	right:10px;
	border:3px double #FFF;
	height:30px;
}

The same problem occurs for an audio player that I've set to hidden, and will appear if I click an arrow and disappear if I click another arrow. It hides it and re-appears fine, just the player shifts down 15-20 pixels if I click play...

HTML:

Code:

<div class="collapsearrow">
	<img src="pictures/thumbnails/musicboxbuttons/collapsearrow.png" alt="collapsearrow"
	onclick="document.getElementById('song1').style.visibility='visible';"/>Liangzhu
	</div>
<div id="song1" style="visibility:hidden;">
	<img src="pictures/thumbnails/musicboxbuttons/contractarrow.png" alt="contractarrow"
	onclick="document.getElementById('song1').style.visibility='hidden';"/>
	<audio id="musicboxplayer" controls="controls">
	        <source src="music/liangzhuhualuowuhui.ogg" type="audio/ogg" />
		<source src="music/liangzhuhualuowuhui.mp3" type="audio/mp3" /> 
	</audio>
</div>

CSS:

Code:

#musicboxplayer {
	position:relative;
	width:86px;
	height:25px;
}

.collapsearrow {
	float:left;
}

#song1,#song2,#song3,#song4 {
	width:150px;
	float:left;
}

Does anyone know what's causing this?
Thanks.

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.

Can i use javascript to control the file that playing by the real audio plug in, i mean i embeded the plug in, and i want to dynamically assign the files by using the drop down listbox. I had tried it , but although i successfully set the filename, but cant control the start value.

Another question is whether window media play can play real audion file or not ??

Thanks for answering.

mother of the bride dress
discount wedding dresses
mother of the groom dresses

i am trying to create a website, one of the pages i want is a blog page.

i would like to be able to write a blog in a site such as blogger then all the info from there automaticaly go to the blog page on my website, or at least a link.

blogger lead me to rss feeds, then to feedburner then to this other site that creates feeds for feedburner, then it didnt work and my brain melted.

im confused and dont realy know if im even going down the right root.

can anyone please help and let me know how i can do this, or at least were to start looking.

thanks guys and gals

Hi,

I was wondering if anyone in the forum new the answer to a question that I am trying to resolve? On google, for certain companies, it comes up with the link, the description, the the web address, however, some companies have certain pages underneath that displayed also. Does anyone know how it is done?

Here is an example for a guitar shop in edinburgh that has it: http://www.google.co.uk/search?hl=en...G=Search&meta=

They have 8 different links in google under the search result. can anyone advise me how to do this? I'd be very grateful.

Thanks,

Paul.

what I am looking to do is password a page , that will go on to display the enter button once the default password is matched, this is really only for looks rather than real security, the secure stuff is on the page that will be entered once the matched password is entered and the enter button then clicked, by doing it this way it will stop random entries that would reveal the enter button as the input would have to match a pre registerd password

any help would be most welcome

Hi all,

Please excuse all of my ignorance. I am teaching myself (and being taught by nice people like yourselves) on html and website building. Mods, I was unsure as to where to put this and apologize if I am in the wrong section.

This will be a semi long post as I have lots of questions for all of you. I will organize it into sections in hopes to get a more detailed response.

The Background
I have experience with basic html and have (until now) only used free web servers with web site building tools and just used html for templates and buttons etc. I run my own fish/aquarium supply business and wanted my own .com name instead of a sub-domain. So my better half bought me a a domain and basic hosting package from godaddy.com

-I am running OS X on a powerbook via safari and firefox.

-My host is at godaddy.com

-I am confused and in need of help.

The Problem
Well, so far for me being "good" with websites what a joke that was. Without a web site editor software like the free sub-domains come with I am lost. I understand a html editor would be the best and easiest way to make pages for my site?

-My main problem is I cannot get html documents onto my website. I understand I should be using FTP? I have tried with no success, I am unsure as to which folder to even move the page to, I dont even know which one is my home page *Blushes*

-I am very new to FTP and would like some advice for the best way to transfer HTML to a site.

-I also dont know how to name the page i.e.: mypage.com/AboutUs.html
(How do call the page "about us")

-I have tried looking around on go daddy for some answers and havent found much info besides it telling me to use FTP to upload files. I must not have done it right because i am still getting the "oops this site isnt up yet" message.

If you couldnt tell I need a lot of help. I really just need to know how to get my first few pages up and running....I just dont know how to get the files from where they are on my computer to my site, since the package I have doesnt have a website builder/software. If your willing to educate me, Im willing to learn. All help is appreciated and feel free to laugh at my ignorance. Im doing my best.

Drew

P.s. Do you need the name of my site in order to help me? If so, Am I allowed to even post the name of my site for reference purposes?

Greetings.

I have a basic html page, and want to embed audio.

I am using:

<BGSOUND SRC=myfile.mp3 LOOP=1>

So that when my main index.html page loads, that file plays. Two things I want to do:

1) Let it continue playing when I click on another page within my site (it currently stops when I navigate away from index.html)

2) Assuming I can do #1, make it stop playing when I navigate to one page in particular.

This possible? Doing a google search, and that's actually how I came up with that code, but cant seem to find anything in regards to making 1 & 2 work. I do not want to do frames, and definitely do not want to do a flash site, which I undertand may be the only way.

Any ideas on how to make this work with html?

Thanks in advance!

Need some help with coding. I'm a designer with little experience with programming.

1. I want the video to be centered in its column on the blog

2. I want to be able to choose the cover frame of the video (the still image it displays before it plays).

3. There are slim black bars on the left and right of the video. I think it is from the player. Is there any way to remove those?

This is the basic code I have now. Any help would be appreciated.

<p><embed src="http://freevideocoding.com/flvplayer.swf?file=http://www.1-on-1fitnesstraining.com/blog_videos/intro_02_no_mograph.flv&autoStart=false" width="360" height="264" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></p>

Hi, well I didn't know where to post this, but it's about coding and HTML so I think this is it.

I would like to add audio (a MP3 file) to my web page, but I have no idea how to do this by HTML.
I would like to know:
1.- How do I add a music file (HTML)
2.- Which is the code for the On and Off button.
3.- How exactly do I use frames (i'm totally new in that aspect) in order to have the same music going on in every part of the site even if I change of page instead of strating over agian.


Thanks for your help.

Hi,

I am working on integrating a flash presentation in HTML (basically a php website)

The flash movie is about power point presentations - I was able to convert them to .swf files.

I need to display them in the php based website.

I was able to integrate the .swf file in the website.

Now, I need to make it "dynamic" - what I mean by this is,

I will be having the flash movie of different ppt slides running in a server in a loop.

Whenever someone accesses the website, the "slide" that is currently being shown in the player has to be displayed in the webpage instead of starting from the beginning.

I am a novice as far as webdesign is concerned. I would like to know about any tutorials/books that can provide me with information on this. Also, any specific area of HTML that might help me in this project.

Thanks in advance !

Hello,
I am building an offline video sharing site (Like youtube- just not connected to the internet).

I want to embed SD (flv)& HD (mp4) videos to this site,
when user need only flash player installed on his machine
(just like youtube).
Can anyone assist me with this html code writing & accessories needed?
Thanks,
Avi

I'm Not Sure if ;m Putting This in the Wrong Forum Area, But here Goes.

How to I Go About Adding a Menu In Blogspot?

my blog is at www.artballvideos.com

How Would I go About Adding a menu of past Blogposts.

I am Aware I asked a mouthfull. But Please be Patient with me, I;m Semi beginner .


Thanks

I was getting help (in this thread http://www.htmlforums.com/html-xhtml...e2-137472.html ) but I guess he got busy and I really need this done by tomorrow morning... Can someone please just tell me how to publish the html to my blog??

Thanks so much.