HTML - Embedding Audio
Hello,
I'm creating a site that requires the inbuilt audio player to keep streaming music between page loads. What coding options are available for this, HTML, PHP or otherwise? Regards Eddie Similar TutorialsI am testing a really simple embed code: Code: <embed src="1.mp3" height=45 width=300 controls="smallconsole" autostart="true" nosave="true" loop="true"> When I open it in IE (Most recent version): It loads inside a Windows Media Player Plug-in, and plays fine. When I open it in Firefox (Most recent version: It loads inside a Quicktime plug-in, plays once, but if you refresh the page it won't play. You have to clear your cookies, and restart Mozilla for it to work. I can't seem to figure out why? Thanks in advance. EDIT: I tried using <object> tags instead, it works in both browsers just fine: Code: <OBJECT ID="MediaPlayer" WIDTH="192" HEIGHT="190" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"> <PARAM NAME="FileName" VALUE="1.mp3"> <PARAM name="autostart" VALUE="true/1"> <PARAM name="ShowControls" VALUE="true"> <param name="ShowStatusBar" value="false"> <PARAM name="ShowDisplay" VALUE="false"> <EMBED TYPE="application/x-mplayer2" SRC="1.mp3" NAME="MediaPlayer" WIDTH="200" HEIGHT="45" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0"> </EMBED> </OBJECT> Hopefully this will help someone else with a similar problem. I'm not sure where the best place to post this question is, so I thought I'd start here and see what I get. I want to set up a video player like it is on this site: http://blueroomnyc.com/work/Q3hLj98J...story-refresh/ There are 3 links to different videos on the page, but they all open in the same place when activated. How is this accomplished? Is it javascript? I'd like to be able to do the same thing with an audio plugin as well. Thanks. Okay, this one is a tough one for me. On my website, Celtics Insider, where the picture of the banners are (right above the "About Us" and "Our History" sections), I want to change that image into a video. I want to have a video like ESPN, where it doesn't say "YouTube" or show any of that crap, just a little transparent "play" button (the image, not the text). I'm just wondering a few things. First off, how do I resize the video so it is 442 x 200? Also, how do I make it so the YouTube thing doesn't show up? And how do I make a little transparent play button to click on before the video starts? I want to be able to have text below as well with a link to the story, like ESPN does. If you don't know what I mean, look at ESPN: http://espn.go.com/ When I embed a YouTube video in my webpage, it is left-justified. What HTML tweak do I need to center this puppy? The standard code is: <object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/NA0iGQCd4TM"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/NA0iGQCd4TM" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object> Thanks in advance for the help. hello im building a website for my accociate. i built a layout with tables and all that stuff. i am tryin to insert a flash document in a table. whenver i go to test it iin ie7 its stops the flash movie from opening and says Warning this site includes active x click here for more options and then you click on it and click allow. how do i get around this as i need the flash doc to open imedietly upon going to the site thanks augie This is my first attempt at putting a .avi video on a webpage. Right now, here's my code: <embed src="name.avi"></embed> Internet Explorer will load up a video player, but then the whole page will freeze. The file's 12.9 mb and is being ran on my computer, so it shouldn't be a size issue. To run the video originally, I had to download this codec: http://www.techsmith.com/download/codecs.asp Any ideas? Hi all, I have a problem that i hope someone can help me with. I am trying to embed images into an html file but they only appear in Firefox, when i try to preview the file in IE i get the text instead Here is the code that i am using Code: <OBJECT data="header_small.gif" type="image/gif">This is the hospital name</object> I have read that IE has problems with embedded images, is there a way to make it show them? Thanks in advance How would I get a text that looks faded. I don't want the text fade in and out, I just want the font to look kinda old. Does anyone know where I can either find it or give me the name of the tag Also, how would I embed music from Itunes, I'm having trouble with that. Hi, I'm new here. I'm also a beginner web programmer so please take it easy on me. I've taken on a job where I need to embed a video into a webpage, I think I can figure out how to do that however my employer wants this video to be slanted. I have no idea how I would slant the video using HTML/CSS/DHTML. For an example of what I am talking about please view this website: http://www.wavecam.com/ I am aware that the video on that site was embedded into Flash so I'm wondering if that is the only way to do this. Thanks in advance for any help provided. Does anyone know the best practice for creating/embedding a video (3gpp/3gpp2/mp4) in html? Thanks in advance, James This may be a relatively easy answer but here we go.... HTML Code: <a href="audio.wav">Play this wav file!</a> The above is just a simple example but my problem is that no matter what I keep getting prompted for a download... Is there any specific reason why IE7 cannot directly access wav files or is this issue due to security settings.... Normally, in the past I haven't had an issue but at this time I am at a loss.... Any help would be appreciated... Thanks, Dark_Jackal I've spent the past few days constructing a website for a friend and have gotten to a point where I'm absolutely at a standstill. . .this chat will not embed on the site! Over the past few days I've started from no knowledge of any languages and learned quite a bit of PHP and HTML from constructing the site and reading tutorials, but this has stumped me. There is nothing about this kind of stuff that I can recognize! All the swf embedding with html makes little sense to me, and through 4 hours of research and trial and error I've made little progress. . . So, can anyone help me get embedding this to work in HTML? <object width="500" height="500" id="obj_1241327305765"><param name="movie" value="/group"/><param name="wmode" value="transparent"/><param name="AllowScriptAccess" VALUE="always"/><param name="AllowNetworking" VALUE="all"/><param name="AllowFullScreen" VALUE="true"/><param name="flashvars" value="cid=1241327305765&v=0&w=0"/><embed id="emb_1241327305765" src="" width="500" height="500" wmode="transparent" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" allowFullScreen="true" flashvars="cid=1241327305765&v=0&w=0"></embed></object><br> Or explain to me why it will never work. . .? I apologize for my stupidity if that is the case. . . Hi, I'm making my first website, and I'm trying to embed an mp3 file into a page. So far I have a folder of html files on my computer an haven't uploaded to a server yet. With the file "Telefone529Musicology.mp3" in this folder, and using the tag: Code: <embed src="Telefone529Musicology.mp3" WIDTH="145" HEIGHT="60" AUTOPLAY="true" LOOP="true"></embed> I can't get it to work on either FF or IE7, and I want it to work on both, since they seem to be the most popular browsers. In FF, my page loads, and at the point of the embed tag I get a square box containing the quicktime logo and a question mark, with no sound. I checked my quicktime settings, and the default action for .mp3 files is to use the quicktime plugin, and I'm sure it has worked in the past so is it a problem with the code or some other settings I need to configure on my browser? Likewise, in IE7, the same thing happens, except I get a box with a little red cross, and no sound. Again, I'm sure my quicktime plugins are up to date, and configured to play mp3 files, so I'm lost. I'd really like to get this working, Thanks is it possible?? it's not working by any approach! i read about htaccess but didn't know how exactly i can use it to embed a font, if it solves firefox problem how can i use it?? here is the code, u will see eveything i tried Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <LINK REL=FONTDEF SRC="http://www.site.com/CHILLER0.eot"> <style> @font-face { font-family: CHILLER0; font-style: normal; font-weight: normal; src: url(http://www.site.com/CHILLER0.eot); } @font-face { font-family: CHILLER0; font-style: normal; font-weight: normal; src: url(http://www.site.com/CHILLER.TTF) format("truetype"); } .psycho { font-family: "CHILLER0", Verdana, sans-serif; font-size: 48px; color: #000099; } </style> </head> <body> <!--[if !IE]> <!--> <embed type="application/pdms-weft-plugin" font_face="CHILLER" src="http://www.site.com/CHILLER0.eot" hidden="true" pluginspage="http://pakdata.com/products/pdms-weft-plugin" /> <!--<![endif]--> <p class="psycho">This Looks Embedded to Me</p> </body> </html> really appreciated :hat: i used to use dreamweaver code to embed an swf file using the AC_RunActiveContent.js file along with the html code <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','550','height','400','title','Video','src','test','quality','h igh','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','test' ); //end AC code </script><noscript><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="550" height="400" title="Video"> <param name="movie" value="test.swf" /> <param name="quality" value="high" /> <embed src="test.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="550" height="400"></embed> </object></noscript> i have used the swfobject method by following the steps mentioned at http://code.google.com/p/swfobject/wiki/documentation when i use the swfobject method and validate my html code there are no errors however with the dreamweaver code i get errors when validating my html code my question is when i downloaded the zip file from http://code.google.com/p/swfobject/ after unzipping this file there are 2 swfobject.js files one in the root directory after unzipping and another swfobject.js file inside a folder called src i have used swfobject.js file from the root directory when i called this from <script type="text/javascript" src="swfobject.js"></script> and the flash file plays and also the html code validates, is this the right way of using swfobject.js file from root directory or should i be using the one from the src folder also just to test how the alternate content would appear if the flash player plugin is disabled or uninstalled i entered html text as alternate content using swfobject method, what i have noticed is i get the alternate content only if i disable flash player plugin however if i disable javascript in most browsers the swf file plays as the swfobject is calling a javascript i guess the swf file should not play or is this how it normally works if this is the case in the alternate text, i guess i should be mentioning "You have either javascript disabled/turned off or do not have a flash player plugin installed, download the latest flash player" please advice. thanks a lot I want to embed (not hyperlink) a sub-document into a master. The specifications for HTML 4.01 at paragraph 13.5 provide the following simple example: <OBJECT data="embed_me.html"> Warning: embed_me.html could not be embedded. </OBJECT> (the Warning message displays in case the agent fails to load the embedded document) However I have not been able to make this feature work. If you open the master file with Internet Explorer 7, you obtain the Warning message, hence IE7 is not capable to load the embedded document. At the same time the bar saying that pop-ups have been blocked shows, but even allowing the pop-up nothing changes. I tried to add information, such as: <OBJECT data="embed_me.html" type="text/html"> ... with no result. Why is the tag OBJECT not working as expected? What have I done wrong? Thanks a lot. Hi guys, I am trying to embed a .mov video that is hosted on my amazon s3 account to a website. I use this code: <embed src="http://dale-beaumont.s3.amazonaws.com/Training%20Videos/Wordpress/mov/domain-name.mov" Pluginspage="http://www.apple.com/quicktime/" width="600" height="400" CONTROLLER="true" LOOP="false" AUTOPLAY="false" name="DomainName"></embed> As you can see I have written CONTROLLER="true" however it does not display the controller. You can see the video he http://www.alaisterlow.com/test-video/ Any help would be great. Thanks I'm having trouble with embedding multiple videos to the same player. I'm not using asx files, but rather wmv to make a selection-list. I found a site that solved my due problem and the thing works. however!! The URL in the code refers to youtube videos, and that's great and all, but I needed 'em to link to my own media files. so I changed the URL's to those on my server, and here's the problem: when doing it offline with the files on my harddrive I can add as many files I want to without it complaining, but the second it goes online or I link to wmv files on the internet it can't seem to get a connection. It only works if I have but a single <div> entry typed. As soon as I add more the thing bugs. I even tried changing "application/x-shockwave-flash" to "application/x-mplayer2" Please!! Any solution to this?? What am I doing wrong?? Example with ref's to youtube-videos, below. <div id='videoPlayback' style='width: 435px; height:350px; background-color: #800000;'></div> <div id='selectDemo2' style='display: none'> <object width="320" height="285"> <param name="movie" value="http://www.youtube.com/v/c6SHsF1n9Qw"></param> <param name="wmode" value="transparent"></param> <embed src="http://www.youtube.com/v/c6SHsF1n9Qw&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="320" height="285" autostart=0 showstatusbar=1> </embed> </object> </div> <div id='selectDemo2' style='display: none'> <object width="320" height="285"> <param name="movie" value="http://www.youtube.com/v/-is63goeBgc"></param> <param name="wmode" value="transparent"></param> <embed src="http://www.youtube.com/v/-is63goeBgc&autoplay=1" type="application/x-shockwave-flash" wmode="transparent" width="320" height="285" autostart=0 showstatusbar=1> </embed> </object> </div> <A HREF="#" onclick='return playVideo("selectDemo1","videoPlayback")'>RvD2: Ryan vs. Dorkman 2</A> <BR> <A HREF="#" onclick='return playVideo("selectDemo2","videoPlayback")'>Beatboxing Flute <q>Peter and the Wolf</q></A <BR> <script type="text/javascript">function playVideo(sourceId, targetId) { if (typeof(sourceId)=='string') {sourceId=document.getElementById(sourceId);} if (typeof(targetId)=='string') {targetId=document.getElementById(targetId);} targetId.innerHTML=sourceId.innerHTML; return false;}</script> i have posted previously about issues im having but still no hope. basically, i have some youtube videos embedded in my site.. in firefox the videos load fine, but in i.e it just shows the red x as if there is an image missing. any uideas please anyone? i have tried on my desktop and laptop with same results. please help... the video section is: http://www.bmwgallery.co.uk/bmw-car-videos.html Hi Beginner! I need to embedd data from a xml-file into a html-page. The xml is he http://www.jornemark.nu/temperatur/last.xml (containing temperature loggs) If I put the following code into a html-page my plan is for the data from the xml-file to be presented in a neet little table: Code: <xml id="logtemp" src="http://www.jornemark.nu/temperatur/last.xml"></xml> <table border="1" datasrc="#logtemp"> <tr> <td><span datafld="NAME"></span></td> <td><span datafld="VALUE"></span></td> <td><span datafld="DATE"></span></td> <td><span datafld="TIME"></span></td> </tr> </table> I mess up somewhere along the way. Where? I have no possibiltiy of changing contents of the xml-file. Also, will this work/look the same in both IE and Firefox? |