HTML - Radio Selecting -streaming Audio
I want to add a radio selector to my site...to allow people to choose what feed they would like to listen to. I have see a php mod which I could use from a phpnuke mod but I wanted it in simple html if possible.
I want a drop down menu with different station names, and when you choose one it loads the relevant stream in a media applet above/below. If you go to my test page you can see what i mean: http://vivalefrench.com/tester.html But I dont see how to target the links to the media player? I bought a cheap flash script that looks good but it doesnt work with asx files, I would have open them to look for the mms file and I dont want to overstep my mark as Im using feeds from another site. Not sure if I am allowed to do such a thing. So a simple html drop down menu to choose stations would be idea. If you right click on the test page, you can view the source to see how its been put together.. There is always a solution but I havent a clue with it Similar TutorialsHello everyone. =) I'm still very much a n00b when it comes to web development, so there's still a LOT I don't know how to do (and I can't even search Google very well, 'cuz I don't know the correct terms). That said...I apologize if I put this in the wrong section; I'm not really even sure where this topic belongs. =\ If you have any coding knowledge, or know a website that can help me, I'd greatly appreciate it. Thanks in advance!! 1) I really like music, so I'd love to have an interactive Billboard music chart on my site. By "interactive", I mean "you get a list of the top 40 (or top 100) songs, and if you click the songs, you'll hear them play". I'm thinking that, in order for this to work, I need to find a online radio site or something. But I know nothing about streaming websites...so I'm not even sure if there already is a "Top 40s Billboard" station, or a "Top R&B/Hip-Hop" station. And if those stations do exist, I don't know how to add them to my website. Would I need something called RSS/XML??? What do I do??? 2) I want to add a sports ticker to my website. I'd love for it to be similar to this (I wish I could just pay them for the ticker, but I can't afford $130/month. So I'm wondering if there's a way to produce the same [or a somewhat similar] effect for free?): http://sports.tickertech.com/ As you can see, the ticker is quite expansive. You can get info on national sports news (Michael Vick, etc.) and you can also get specific news based on individual sports teams (San Francisco 49ers, Detroit Tigers, etc.) You can also click on each individual link (located on the left side) and read more information on each topic; it's really really cool. <3 Is there anyway to reproduce this effect? If that ticker involves too much work, then how do I at least get the NATIONAL/MAJOR sports news for each sports category (NFL, NHL, NBA, MLB, etc.) to show up? 3) Also, what's the best way to keep my sports ticker and music charts up-to-date (or even better, have it update by itself)? Would I need to use RSS/XML to do it??? hi i have a group of radio buttons generated dynamically and i want to disable user changing his choice after selecting one! i want to disable the group of radios or lock the first choice somehow! apologize me for my poor eng! tanx Hi All Wondered if anyone could help me. I have a website, which I am able to create a blog page with, which I have done. I do not like any of the layouts/templates that are provided for this service and I want to stream the information that I blog to a section/div tag of my actual site and leave the actual blog page non visable to viewers. Is this possible using only html? or will I have to delete this blog page and set up another with the likes of joomla or wordpress? Cheers Saz hello guys hr u ?? i have a problem i have already a streaming server .. and i created a website using iweb but i don't know how to write the HTML code i found this code but i want to upload it from my strwaming server ?how ?? Quote: < object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="320" height="240" id="fullscreen" align="middle"> < param name="allowScriptAccess" value="sameDomain" /> < param name="movie" value="flvplayer.swf" /> < param name="quality" value="high" /> < param name="salign" value="tl" /> < param name="bgcolor" value="#ffffff" /> < param NAME=FlashVars VALUE="file=ENTER_YOUR_FLV_FILENAME_HERE.flv"> < embed src="flvplayer.swf" FlashVars="file=ENTER_YOUR_FLV_FILENAME_HERE.flv" quality="high" salign="tl" bgcolor="#ffffff" width="320" height="240" name="fullscreen" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave- flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> < /object> Hi all, I'm looking for a way to embed a streaming video in a web page in such a way that the user cannot easily download it. Currently we're doing this with Quicktime streaming server (QTSS) on a Mac server - this works, but the ports it uses are preventing some people from viewing the videos due to strict firewall settings so I'm looking for alternatives. Flash is possible, but expensive. Does anyone know of a way to do this which is free (or at least cheap)? Many thanks Hello, I wonder if it is possible or it will be possible to make the webcam (Audio/Video) streaming with her website as a webcam chat without Flash or Silverlight but with HTML5 or perhaps JavaScript. Or will it always must pass through Flash or Silverlight to make a webcam chat Thanks in advance I would like to include on my website streaming HD video not unlike Youtube or Vimeo. How hard is this? Both in terms of the video compression and the coding for the site. Where do I look for info to help me out? I have a very basic knowledge of HTML and CSS, but not much else. Are the videos on Youtube and Vimeo flash? I am not sure if "streaming" or "embedded" is the proper term for what I want to do. I'll be starting with mp4 files, since those are best for encoding HD... I use x264 codec and encode 720p @ 2.5Mbps for great quality and decent filesize. But somehow Youtube compresses it even further. Example, I had a 5 minute 720p mp4 file that was around 100MB. I uploaded it to Youtube and it is now available in HD and looks pretty good. But if I watch my network connections as I am streaming it, only 20MB transfers... which means they compressed it 5 times better than I had it! That is definitely important because if I try to have streaming HD and it's not compressed enough, it won't be watchable for most people. Hi: I have a Logitech QuickCam Pro 9000 webcam mounted on my monitor (for Skype) of my development machine in front of me. I also have my own Apache Server sitting on another Dell desktop beside me, and a Dell Laptop completing the set of three XP Pro machines connected together on my little local intranet. I would like to gently test the waters of live video streaming from my camera thru my local intranet to my Apache server and out into the wide web world ) You folks have already helped me get started in web page design, and my site is now operating very nicely. Now I'd like to add video to my site. I would consider this a startling success if, in a few weeks, I could visit my website and click on a link and see live video of me typing on my keyboard here ) I would appreciate some starting tips please. Software, guidance, hardware, etc Thank you ! -Mel Smlith Im trying to create a site that will constantly update in real time based on my activity. For example, if i update my facebook status or add a new twitter update at 5:30 then the site will add to the top of the list Robin updated her facebook status at 5:30. and the list will continue to build. conplicated... but any thoughts? thanks for the help. Hello, I am updating an old website with no media player. They had one but it became damaged. $25,000 right down the tube, (not my money!). Anyway, if you look at the page I’m talking about... http://rockwindow.com/video_pages/viedo_01.htm you will understand what I'm talking about. I used an image of the old player. I was wondering if I was to use <map> attribute around the control buttons what the code would be for a link to do: play, pause & stop. If you right click the video, those options are in the menu. How do I link to a code for a control like that. Any help, I will appreciate very very much. Thank you! 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 Hi everyone. I am working on a project with a few friends. The site is designed for people who are illiterate and so we are looking into how we could go about having audio cues play whenever the user hovers over a button or a section of an image map. If anyone would know of a good tutorial on how to do so in html5 it would be appreciated. I'm trying to playback an mp3 from within a table cell using a <a href> link. I don't want to use Flash and also don't want to use the HTML5 <audio> tag. I found this code Quote: function DHTMLSound(surl) { document.getElementById("dummyspan").innerHTML= "<embed src='"+surl+"' hidden=true autostart=true loop=false>"; } <span id=dummyspan></span> <form> <input type="button" value="Play Sound" onClick="DHTMLSound('success.wav')"> </form> and tried to incorporate it into the page. No luck. I think should be able to add the onClick part to the <a href> and have it play, but I get nothing. Thanks for any help, Mei 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 I want to be able to add a mp3 audio file of a sermon to a church website I am building. I have done searches and find a lot of "embed" code, but none of these work. Nothing shows on the web page. What is the simplest way of doing this. I understand "embed" is not a legal word. I have tired "Object", but nothing shows using this command either. Any help will be appreciated. Lawrence Hey, On my site i have currently got windows media player to play an embedded wma file Code: <object id="MediaPlayer" height=46 classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112"> <param name="filename" value="Windows XP Startup.wma"> <param name="Showcontrols" value="True"> <param name="autoStart" value="True"> <embed type="application/x-mplayer2" src="Windows XP Startup.wma" name="MediaPlayer"></embed> </object> That's my current source code for it ideally i would like to make it have the playlist option so on the playlist they can double click which songs they would like to listen Is this possible Cheers Lolium P.s, would it be possible for people who view the web page to browse the directory were the audio files will be kept? so they can choose which song to play?? <object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="0" width="0" data="http://www.youtube.com/v/link&autoplay=1&rel=0"> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="http://www.youtube.com/v/link&autoplay=1&rel=0" /> </object> I want to add a code to make the YouTube audio off. Any ideas? I am attempting to link to audio files that exist on my server using the anchor tag. I am able to download and play the audio files just fine on Firefox, Chrome and Safari, but not on Internet Explorer. When I click the link in IE, all I see is a bunch of random characters. Also, when I attempt to download the audio file IE attempts to download it as an html file. What can I do to fix this so that I am able to access these files via IE. Here is the code. Code: <a href="/audioFile.aif">audioFile.aif</a><br /> When I put in my code, it works just fine on my Mac in Safari or Firefox. However, when I test it on a PC in Explorer 7 or 8 it starts playing automatically. This is what my code looks like: Code: <audio controls="controls"> <source src="/media/GOAL.wav" type="audio/wav" autostart="false"/> <embed height="100px" width="200px" src="/media/GOAL.wav" /> </audio> The "autostart" code I put in apparently is wrong. Is there a way to fix this so it does not autostart in Explorer and any other browers? Thx. Ok, I figured out how to embed an audio clip into the web page that works pretty well across multiple browsers. The code looks like this:
Code: <embed width="200px" height="30px" loop="false" autostart="false" src="/media/GOAL.wav"></embed> And it looks like this on the web page: My question is, is it possible to add to that code so only a custom PNG file is visible until you click it and then the player begins? I don't even necessarily need the player to be visible. Can the audio simply play once when the PNG is clicked? What would that code look like? Thx. |