Web audio player

On some websites I have seen an audio player. when you click
on the Play button of the player, some random audio starts playing
How can I provide same kind of audios on my website?
I have some legit audios on my web server. I want people to
be able to listen to these audios by using a audio player.
Would be grateful if someone could advise
Thanks

My preference is to make an mp3 player in Flash. There are
tutorials all
over the place for doing this .. a couple players here:
http://www.jeroenwijering.com/?item=Flash_MP3_Player
http://flamplayer.com/
http://extensions.joomla.org/component/option,com_mtree/task,viewlink/link_id,1576/Itemid, 35/
Nancy Gill
Adobe Community Expert
Author: Dreamweaver 8 e-book for the DMX Zone
Co-Author: Dreamweaver MX: Instant Troubleshooter (August,
2003)
Technical Editor: DMX 2004: The Complete Reference, DMX 2004:
A Beginner''s
Guide, Mastering Macromedia Contribute
Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP
Web Development
"hasanali00" <[email protected]> wrote in
message
news:erlavp$n05$[email protected]..
> On some websites I have seen an audio player. when you
click on the Play
> button
> of the player, some random audio starts playing
>
> How can I provide same kind of audios on my website?
>
> I have some legit audios on my web server. I want people
to be able to
> listen
> to these audios by using a audio player.
>
> Would be grateful if someone could advise
>
> Thanks
>

Similar Messages

Adding an HTML5 audio player to a web page

I have a need to add audio player to a few band sites where there is a list of songs, or playlist, and someone can pick a song (or more) and the player will play it. Since the HTML5 audio tag will work only on one file, the only way I have found to do this is to make a separate page for each sound file and have it use it's own instance of the audio tag. I have seen many sites that have embedded audio players, but have no idea how they did it. I do see several 3rd party players on the net that can be used. Do any of you have any recommendations?
I am not looking to have music start automatically or on page load.

Look at Pickle Player. A commercial player that works in all web devices with MP3 audio or MP4 video and supports playlists.
http://www.pickleplayer.com/
Nancy O.

Please help me install this audio player!

Hello anyone reading this,
I am very new to designing a website, and decided to venture out and add some audio to it. I am a piano instructor and am VERY determined to do this.
I recently purchased some files from this site:
http://www.flashcomponents.net/component/advanced-mp3-player-with-play list-totally-customizable-xml-driven.html
That is the same exact one I purchased.
I recently engaged in a little email session with the author / developer and he was sending me emails that had a lot of technical language of which I couldn't understand. I needed help, and he didn't seem to pay much attention to my problem, just kept repeating the same thing.
I eventually was able to research his terminology and I finally got around to being able to comprehend his 'steps' listed for me to get this thing up and running.
He basically said everything I needed was in a folder titled 'deploy' ... and that I just copy that folder into my Dreamweaver site project , along with my images, root folder, etc. Ok, easy enough. I did that.
His next step was to insert the .swf file into my web page in Dreamweaver. Ok, easy enough. Did that. BUT, there is a problem. A fairly large grey box shows up with an F inside it. This is in 'design' view. In 'Live view', I see nothing at all of the player, just a large grey box with no F inside it.
The peculiar thing is that there are 3 files inside this 'deploy' folder that when I double click them ... a beautiful audio mp3 player pops up and performs perfectly. It's the real thing. Just when I insert the .swf file into my site, nothing at all happens. And this was what the guy told me to do.
Since then he stopped corresponding with me. Not sure why. Here are the files I have in 'Deploy'.
playlist.xml
playerstyles.css
playersettings_v4.xml
Mp3player_v4.swf
index.php
index.html
BG.jpg
AC_RunActiveContent.js
The 2 index files open up a perfect audio player as shown on the site. So does the Mp3player_f4.swf.
I also have a folder called 'scripts' that has 2 scripts listed for the audio player.
swfobject_modified.js
expressInstall.swf
Please oh please, if any of this makes any sense and if what I typed is a symptom of something, please help me. I am desperate as all the research I've done is getting me nowhere!!!

Your testing confirms my suspicion that it’s a pathing problem
“Then I tested out the index.html and the index.php files that are located in 'deploy'
They didn't work. no image at all ... nothing. “
That is working correctly. If you path it to work from the Web page, of course it will not work from “index.html” in the deploy folder… it’s not supposed to. It’s supposed to work from the Web page one folder level up. Did you test it from YOUR Web page after changing the paths?
“I noticed that as I said the index.html and the index.php didn't work ... but the mp3player_v4.swf STILL worked perfectly fine. All 3 of those files are under 'deploy'”
This is also to be expected, because when testing the .swf directly (not on YOUR Web page), the paths in the xml file to the mp3s is correct. But remember, when you place that .swf on YOUR Web page, you are removing the .swf from “deploy” and placing it in the same folder as your Web page….. it’s not in deploy anymore.
“Also, a peculiar thing happened as well as I was playing around with things. “
Well for testing you could take everthing out of “deploy” and move it into the same folder as YOUR Web page and just change the path on your web page to the .swf (delete the “deploy/” part). Now every thing is in the root folder, there is no deploy folder, only a “sound” folder which holds the mp3s and the palyer would work just fine, because RELATIVE to the location of the .swf on the WEB PAGE, all the paths are correct.
But then you don’t really learn how to resolve pathing issues.

DVD-Audio player does not detect any DVD-Audio sour

Hi,
I am trying to play a DVD-Audio disc on my computer using the DVD-Audio player software that came with my Audigy 2 card, but the software fails to detect my DVD-ROM dri've as a DVD-Audio source.
I can play audio CDs and DVDs with no problems using the DVD-ROM dri've.
The OS is WindowsXP Pro with SP and I have the latest patches applied to both driver and DVD-Audio player software.
I would appreciate any suggestions if someone experienced this anoying problem and solved it.
Thank a lot!

DVD Audio encryption security has unfortunately been hacked using the decoders within WinDVD from Intervideo.
As a result, DVD Audio playback using the WinDVD/Audigy combination has been suspended on "new" versions of the software.
I am a registered user of WinDVD and upgraded to WinDVD 7 Platinum in June and DVD Audio was working fine.
I mistakenly downloaded an "upgrade" to WinDVD 7 at the end of July and found all my DVD Audio discs failed to play.
Intervideo (as usual) refused to respond to my technical support queries when I enquired as to whether the DVD audio support was removed in view of the breach of the DVDA encryption.
Thankfully the previous version was still available for download (after much searching on the web) - WinDVD.Platinum.7.0.Release.2.Build 27.07Using a new activation key from the Intervideo website STILL didn't enable DVDA playback on this previous version however.......... I was able to fudge this using the original purchase activation key by changing the PC system date to within 0 days of my initial activation key supply which I had stored in an email.Hey presto - back to WinDVD DVDA support!Intervideo are being very crafty.... they have updated the WinDVD website to remove all references to DVD Audio support and then were answering my technical support queries as if I wasn't configuring my PC correctly.
What versions of DVD Audio playback software are you using?
Creative DVDAudio player? WinDVD (version?)

Using FMS v4.5.5 with a browser-based audio player running on iPad/iPhone

Hello,
I’m seeking some clarity/guidance on using FMS v4.5.5 (Streaming Edition) with a browser-based audio player running on iPad/iPhone (i.e. under iOS).
Background
I have a Microsoft Windows 2008 R2 Web Server running IIS v7.5 and supporting a website built using ASP.NET and C#. Parts of the website allow a visitor to play a selection of audio clips from our bespoke MP3 library. Due to UK music licencing constraints, we must stream the clip to the client browser – we must not download either part or all of the source MP3 file(s). We therefore had a custom audio player built for us some time ago using Flash/AS3. This has and continues to work very well, and uses RTMP to stream the clips from FMS to the client browser.
As our site has become more established the number of visitors has steadily grown. In the early days the number of visitors from the iOS platform was relatively small but, last month, it had risen to 40%! As Flash is not supported on the iOS platform, this growing group of visitors are unable to fully maximise the benefits offered by the website, which I am now trying to address.
What I’m Trying To Do…
From what I’ve researched and read, I believe that FMS v4.5.5 supports HLS and I need to use this (instead of RTMP) over HTTP between FMS and the iOS Safari client. I have been experimenting with an Open Source player (JPlayer) and a commercial player (JWplayer) and appear to have these playing a MP3 file as a “progressive download” (I think that’s the right term) as all I’m doing is specifying the file path (no HTTP prefix etc.), i.e. the audio is not really being streamed as I require. Unfortunately, I’ve not found / worked out how to configure my FMS to respond to a path request along the lines of:
http://www.myserver.com/live/audio1.mp3
Hopefully someone reading this who is much more expert on FMS, HLS, HDS, HTML5, etc. than me can point me in the right direction!
What I’m confused about…
1) Can all my MP3 assets stay as is and still be streamed to the iOS Safari client? To the best of my knowledge, the key properties of my MP3 files are CBR, 44,100Hz, 320Kbps.
2) If not, can they be converted on-the-fly by FMS or do I need to create additional audio assets to support HLS etc.?
3) If I have to manually create additional audio assets, how do I do that (I’ve seen references to tools from both Adobe and Apple but not actually found the kits)?
4) Some of the Adobe documentation I’ve read implies that FMS support for HLS etc. is only available when FMS is used in conjunction with the bundled Apache web server. As stated earlier, my entire site runs on IIS so does that mean to achieve what I want I’ll have to run two web servers on my physical server – IIS for the website itself and Apache for RTMP/HLS/etc.?
5) What changes do I need to make to my current FMS configuration to get HLS to work? I’m sure someone has been here already and can enlighten me with their experience and hopefully point me to some straight forward documentation to follow!
6) Lastly, and really part of (5), once I’ve got FMS configured correctly, what would be the typical path to a given MP3 audio file that I would give the iOS Safari browser to make this all work.
I appreciate this is rather a lengthy first post but hopefully the background puts my questions (and confusion!) in context. Bottom line is… I simply want to be able to stream audio clips only (no video) to iOS Safari browsers from FMS v4.5.5 running on a Win2K8R2 platform with IIS v7.5, and with no audio content being stored (even temporarily) on the iOS platform.
My thanks and appreciation in advance to anyone who can help me achieve this.
Steve Barker
Business IT Solutions

Hi Apurva,
Thank you for your reply. Unfortunately I am not much further forward, despite having read more Adobe documentation (FMS v4.5 Configuration and Administration Guide, FMS v4.5 Developer’s Guide) and trying different configuration options.
First to confirm a point you made when answering point 4 yesterday. Yes, in my current RTMP scenario I have several MP3 assets (let’s call them Audio1.mp3, Audio2.mp3, Audio3.mp3, etc.) that are made available to a bespoke Flash/AS3 player via the LIVE application. I understand that as I purchased the Streaming Edition of FMS v4.5, a Flash-based player is restricted to using the LIVE application. You go on to say that I “publish” these assets to the LIVE application. I set this up a while back but do not recall having to “publish” anything. All I recall doing was to ensure that all the assets (the .mp3 files) were in a single folder and that the folder was identified by the <Streams> tag in the following file (example shown):
Flash Media Server 4.5\applications\live\Application.xml
                <StreamManager>
                                <VirtualDirectory>
                                                <Streams>/;C:\MP3Library</Streams>
                                </VirtualDirectory>
                </StreamManager>
To the best of my knowledge, I didn’t have to do anything else to make the current solution work. Having read more of the documentation I am still none the wiser as to what I need to do (step-by-step) to “publish” my converted MP3 assets (see next paragraph) to the LIVEPKGR application. Please could you explain these steps to me by way of an example.
WRT your answer to point 1 yesterday, I wish to clarify the exact output I need to create when converting my MP3 assets. Am I expected to produce a Audio1.aac file, or a Audio1.mp4, file, or a Audio1.m4a file, etc.? Or am I meant to be using ffmpeg (either directly or indirectly) with a much more sophisticated command line that somehow generates stream-rated info/files as well? An example of how you would use ffmpeg to convert one of my MP3 assets would be very much appreciated.
Lastly, the coexistence of IIS and Apache (ref your answer to point 2 yesterday). That all made sense but given all the testing/changes I’ve been making I thought it wise to start afresh! So I completely removed FMS from my dev server and re-installed Flash Media Streaming Server v4.5.5 with the bundled Apache v2.2 server. When presented with the dialogue “Would you like for Apache to listen on port 80. If not FMS will be using port 80 instead.” I answered NO. When presented with the dialogue regarding FMS server ports, I entered 1935 NOT 1935,80 (should I have done that as the preamble makes reference to HTTP webserver proxy and HTTP Dynamic Streaming origin services?). I then modified the Application.xml file as described above.
To test the new set-up, I did the following. First, the test environment…
DEV Server
Windows Web Server 2008 R2 SP1
IIS v7.5
ASP.NET v4.0
Flash Media Streaming Server v4.5.5
Apache v2.2
IE v9.0
Adobe Flash Player 11 ActiveX v11.5.502.146
TEST Client
Apple iMac (Intel)
Mac OS X v10.6.8
Safari v5.1.7
Adobe Flash Player 11 Plug-in v11.5.502.146
On DEV Server… launched IE and loaded the home page of my website, which has two elements on it – one to load/run our bespoke Flash player, the other to run JPlayer (configured to use HTTP). I selected our bespoke Flash player and it played a MP3 audio file. I verified this in real-time via the FMS Admin Console on the server.
On TEST Client… entered http://192.168.20.250:8134 into Safari – it comes up with the FMS install completed / test your server page. In the middle of the video display area a black box appears saying “10000 OK” – I clicked OK. I then clicked HDS Single Bitrate – the video plays (Not Using Hardware Acceleration is briefly displayed). There is NO activity logged in the FMS Admin Console back on the DEV server under “live”, “livepkgr” or “vod”. I assume this is because I’ve gone straight to the Apache Server via the port reference – is that correct? Next I tried the HLS Single Bitrate – same results.
The HDS Single Bitrate logs the following in the Apache access_log file:
"GET /hds-vod/sample1_1500kbps.f4v.f4m HTTP/1.1" 304 - "-" "Apple Mac OS X v10.6.8 CoreMedia v1.0.0.10K549"
The HLS Single Bitrate logs this:
"GET /hds-vod/sample1_1500kbps.f4v.f4m HTTP/1.1" 304 - "-" "Apple Mac OS X v10.6.8 CoreMedia v1.0.0.10K549"
"GET /hls-vod/sample1_1500kbps.f4v.m3u8 HTTP/1.1" 304 - "-" "Apple Mac OS X v10.6.8 CoreMedia v1.0.0.10K549"
"GET /hls-vod/sample1_1500kbps.f4v.m3u8 HTTP/1.1" 200 816 "-" "Apple Mac OS X v10.6.8 CoreMedia v1.0.0.10K549"
"GET /hls-vod/sample1_1500kbps.f4vFrag1Num0.ts HTTP/1.1" 200 1143416 "-" "Apple Mac OS X v10.6.8 CoreMedia v1.0.0.10K549"
"GET /hls-vod/sample1_1500kbps.f4vFrag1Num1.ts HTTP/1.1" 200 873072 "-" "Apple Mac OS X v10.6.8 CoreMedia v1.0.0.10K549"
"GET /hls-vod/sample1_1500kbps.f4vFrag2Num2.ts HTTP/1.1" 200 1591984 "-" "Apple Mac OS X v10.6.8 CoreMedia v1.0.0.10K549"
etc…
At this point I’m stuck once again since I’m not clear how to construct the JPlayer HTTP reference. You have suggested:
http://192.168.20.250:8134/hls-live/livepkgr/_definst_/livestream/livestream.m3u8
That produces the following in the Apache error_log file:
[error] [client 192.168.20.4] File does not exist: D:/Program Files/Adobe/Flash Media Server 4.5/webroot/hls-live
If I change the JPlayer HTTP reference to:
http://192.168.20.250:8134/hls-vod/sample1_1500kbps.f4v.m3u8
the audio from the video plays.
Also, if I look in the applications\livepkgr folder structure there is only \events (with sub-folder _definst_ and sub-sub-folder liveevent) – there are no _definst_ , livestream , streams folders etc. So besides me not quite understanding the logic/flow here, I seem to be missing a few folders/files too! I’d be very grateful for any light you can shed on all this. Plus an example of what my HTTP string should ultimately look like; for example:
http://192.168.20.250:8134/hls-live/livepkgr/_definst_/livestream/Audio1.m3u8
Apologies for such a long reply but I’ve been at this for over 10 hours today! I feel I’m getting closer but clearly there are still some gaps and configuration errors.
Thanks again for your time, support, patience and understanding.
Kind Regards, Steve

Flash audio player script played MP3 sped-up for only one user

Hello all,
My first post here; I hope this is the right forum for a
general/newbie
Flash question.
I'm using a Flash audio player script that I got here:
http://www.1pixelout.net/code/audio-player-wordpress-plugin/
Here it is on the web page, a few lines down from the top of
the blog post:
http://mojomom.blogspot.com/2008/06/mojo-mom-podcast-momma-zen.html
It's an MP3 of a podcast which has been working fine
everywhere I've tested
it. But we just heard from someone who says that when she
tried it, the
audio was sped up so that "the voices were like chipmunks".
Anyone have any idea what might have caused that?
Thanks very much in advance for any help,
Patty Ayers | www.WebDevBiz.com
Free Articles on the Business of Web Development
Web Design Contract, Estimate Request Form, Estimate
Worksheet

I've reinstalled flash and checked that I have the latest version but this is getting ridiculous
Everytime I want to use skype or itunes or iplayer, I have to log in as the other user, close down all their web browsers, then go back to my account to get it to work, much to the annoyance of the other user.
Flash now: 11.1.102.55
OSX: 10.6.8

Web flash player part 2

Hi all
i asked this question
"Hi
I like to develop web site with flash videos
I like users to have choise for choosing full screen ,audio volume etc.
Please tell me some free web flash player (but without the logo of the company what developed the player),or some oter way how I can implement this?
Does Adobe creative siute have something like this(puting and playng flash video on web)"
and got this answer
"If you have the Flash Authoring Environment you can always open the components, drag out a FLVPlayback component, open component inspector and configure as you like."
and   the mean for this discusion follow :
What is Flash Authoring Environment?
I have installed Macromedia FlashMX 2004( I do not know which edition ,if has edition),Flash 8( I think profesional,but I am not sure) and Dreamweaver 8.
Is it implemented in these three tolls ?
Please tell me some totorilal where is described   making web flash player
(player for web sites,like this http://sitel.com.mk/?ItemID=DD67D86B2D8D12418B8E40EAB2C8F365)
in these three tools!
I like users to have choise for full screen and sound volume
Thanks advance

What is Flash Authoring Environment?
I have installed Macromedia FlashMX 2004( I do not know which edition ,if has edition),Flash 8( I think profesional,but I am not sure) and Dreamweaver 8.
Is it implemented in these three tolls ?
Please tell me some totorilal where is described   making web flash player
(player for web sites,like this http://sitel.com.mk/?ItemID=DD67D86B2D8D12418B8E40EAB2C8F365)
in these three tools!
I like users to have choise for full screen and sound volume
Thanks advance

Help with mediaelement audio player, iPad resizing, and lytebox.

I'm a noob but trying to build my own site in iWeb and using Coda to edit code.
I am a music producer and my website has a page on it that showcases some audio.
I have 3 issues that after about 30 hours of research and fiddling...I can't for the life of me figure out.
I am a music producer and my website has a page on it that showcases some audio.
1. Lytebox - I am using a lytebox to open a page I designed (HTML page in iWeb) that has 2 links on it so the viewer can choose where they want to go. When said lytebox opens and one clicks one of the two links, the linked page will open within the lytebox. I dont want this. I want the lytebox to close and the linked page to navigate normally in a regular web page.
     After much research I have found a code that lytebox posted to be able to do such a thing. They posted this code:
          <a href="javascript:void(0)"
                  onclick="parent.$lb.end()">End Lytebox from my page inside Lytebox</a>
     I have pasted that code everywhere I can think of and it doesn't work. I'm not even sure where to post it (on the first page where the lytebox links from? on      the page that opens in lytebox? on the page lytebox is linking to?)
     Here is the page i'm referring to: http://dallaskruse.com/dallaskruse.com/dallaskruse.html
     The lytebox link is in the Gramophone at the bottom left of the page.
2. MediaElement Audio Player - I am trying to build a page where I can showcase about 15-20 audio clips (about 20-30) seconds each. It is very important to me to be able to hear/view this page correctly on multiple browsers along with tablets and mobile phones. Someone recommended medialement.js.
After HOURS of trying to figure this out, I finaly found a way to add multiple players but not have them load the audio so as to not slow down the web page...and it just was simply not loading on an iPad.
Here's my issue:
     I couldn't figure out how to design (in code) how to add text (song name, artist info, etc) that was to my liking in the HTML so I added the <audio> player via <HTML> and just added text around it in iWeb manually. Problem: iPad is somehow resizing the layout and by the time you get to the bottom of the page, the <audio> players have moved and are now covering up the text. Its all a big mess.
     Question: can mediaelement.js use a jukebox style playback?
     Here's a link to the page in question: http://dallaskruse.com/dallaskruse.com/arrangements.html
3. MediaElement Not Playing Back on iPad - I've ran some tests and when I just have 1 <audio> player on the page, it'll play fine on the iPad. But when there's more than 1 player then none of the <audio> players want to work. I'm not sure what's going on but even after about 20+ hours of sitting at my laptop, I'm thinking of searching around for a jukebox that has HTML5 and Flash fallback that looks NICE and easy to modify for beginners.
If ANYONE has ANY pointers or can help in ANY way ... I'd be forever greatful. Sorry for the long post.

in iWeb, on the page in question, i've only got 2 HTML snippets (windows). One for the "Vocals" and one for the "Orchestrations".
In the HTML snippet, I've coded in 12 players for the "Vocals" snippet and 10 in the other snippet for the "Orchestrations" players.
So, I guess I only have 2 snippets.
heres the "Vocals" code
<!DOCTYPE html>
<html>
<head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <script src="http://dallaskruse.com/mediaelement/build/jquery.js"></script>
          <script src="http://dallaskruse.com/mediaelement/build/mediaelement-and-player.min.js"></script>
          <link rel="stylesheet" href="http://dallaskruse.com/mediaelement/build/mediaelementplayer.min.css" />
</head>
<body>
<div class="player"><p class="song"> Wade in the Water</p><p class="artist">performed by dallas kruse</p>
<audio id="player1" src="http://dallaskruse.com/mediaelement/media/Vocals/wadevoxMASTERCLIP.mp3" type="audio/mp3" controls="controls" preload="none">
</audio>
<script>
$('audio').mediaelementplayer();
</script>
<br/>
<br/>
<audio id="player2" src="http://dallaskruse.com/mediaelement/media/Vocals/45sMasterClip.mp3" type="audio/mp3" controls="controls" preload="none">
</audio>
<script>
$('audio').mediaelementplayer();
</script>
<br/>
<br/>
<audio id="player3" src="http://dallaskruse.com/mediaelement/media/Vocals/4amBlues.mp3" type="audio/mp3" controls="controls" preload="none">
</audio>
<script>
$('audio').mediaelementplayer();
</script>
<br/>
<br/>
<audio id="player4" src="http://dallaskruse.com/mediaelement/media/Vocals/sunshinevocalsMASTERCLIP.mp3" type="audio/mp3" controls="controls" preload="none">
</audio>
<script>
$('audio').mediaelementplayer();
</script>
<br/>
<br/>
<audio id="player5" src="http://dallaskruse.com/mediaelement/media/Vocals/IllSayNothingVocals.mp3" type="audio/mp3" controls="controls" preload="none">
</audio>
<script>
$('audio').mediaelementplayer();
</script>
<br/>
<br/>
<audio id="player6" src="http://dallaskruse.com/mediaelement/media/Vocals/ImOnYourSideVocalsMasterClip.mp 3" type="audio/mp3" controls="controls" preload="none">
</audio>
<script>
$('audio').mediaelementplayer();
</script>
<br/>
<br/>
<audio id="player7" src="http://dallaskruse.com/mediaelement/media/Vocals/BenjaminOrchVoxMasterClips.mp3" type="audio/mp3" controls="controls" preload="none">
</audio>
<script>
$('audio').mediaelementplayer();
</script>
<br/>
<br/>
<audio id="player8" src="http://dallaskruse.com/mediaelement/media/Vocals/MoonRiverVocalArr_2.mp3" type="audio/mp3" controls="controls" preload="none">
</audio>
<script>
$('audio').mediaelementplayer();
</script>
<br/>
<br/>
<audio id="player9" src="http://dallaskruse.com/mediaelement/media/Vocals/justsouthvocalMASTERCLIP1.mp3" type="audio/mp3" controls="controls" preload="none">
</audio>
<script>
$('audio').mediaelementplayer();
</script>
<br/>
<br/>
<audio id="player10" src="http://dallaskruse.com/mediaelement/media/Vocals/NewJerusalemVocals.mp3" type="audio/mp3" controls="controls" preload="none">
</audio>
<script>
$('audio').mediaelementplayer();
</script>
<br/>
<br/>
<audio id="player11" src="http://dallaskruse.com/mediaelement/media/Vocals/RevolvingVocalsMasterClip.mp3" type="audio/mp3" controls="controls" preload="none">
</audio>
<script>
$('audio').mediaelementplayer();
</script>
<br/>
<br/>
<audio id="player12" src="http://dallaskruse.com/mediaelement/media/Vocals/StopThis_Vocal Arr.mp3" type="audio/mp3" controls="controls" preload="none">
</audio>
<script>
$('audio').mediaelementplayer();
</script>
</body>
</html>

Javascript audio player

Hello,
I am working on a website which utilizes an audio player. Here is a page that has this player - http://www.freddoubleday.com/test.html I have no idea how to code or manipulate javascript at all, but I would like to set it up so that the play button is also a link to a page that would open in a frame on the same page. Is it possible to get into the javascript and make that button a link, and if so how? Thank you so much for reading, and any responses you may have!
Cheers,
A.B.
P.S. Please let me know if you need to see the javascript itself.

Clear the cache and the cookies from sites that cause problems.
"Clear the Cache":
*Tools > Options > Advanced > Network > Cached Web Content: "Clear Now"
"Remove Cookies" from sites causing problems:
*Firefox/Tools > Options > Privacy > Cookies: "Show Cookies"
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
*Do NOT click the Reset button on the Safe mode start window or otherwise make changes.
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

Possible to add an audio player in iWeb09?

I would like to use some type of audio player in my iWeb site; i have been poking around but can't seem to find the assets to do this. Ultimately, I'd love to have a master list of tracks which could be moused-over; clicking on one would open a small player window where the track could be played (without leaving the audio page itself), then clicked to close. I have an audio page up with several tracks on it, but it increases the load time, and a viewer of the site might not be aware they need to stop one track playing before playing another.
any input/ideas would be most welcome. Thanks!

robby_aceto wrote:
any input/ideas would be most welcome.
Robby ~ The features that a web-based "social networking" site such as Ning offers could help. See this article about their embeddable music feature. More info about Ning is here.
There's also this site.

Audio player inside

Hi guys,
is there any free widget that covers audio player with playback control inside Captivate? I want to make a button "more info" and play audio when you click on it with simple features (stop/pause and playback control).
Thanks a lot.

Image Ready code - yuck! What you have is a bunch of images
inside table
cells and no real html text or content for search engines to
grab onto.
Your layout is too rigid to work with. If you add text or swf
player, it
will break the page apart. My advice is twofold. Do not use a
graphics
program to generate html code for you.
Read this tutorial on Taking a Fireworks Comp to a CSS-based
layout in
Dreamweaver. Even if you use Pshop to design your layout, the
method is the
same.
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
If this makes no sense, learn html + CSS:
www.w3schools.com
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"earbone" <[email protected]> wrote in
message
news:g43pdi$t80$[email protected]..
> Hello,
> I am relatively new and need help inserting a small .swf
file into a
table in
> MX04 without changing the table. Or another way to say
it.... I am trying
to
> add an .swf audio player inside a slice created in
photoshop, saved as
html and
> brought into dreamweaver as (i believe) a table. I am
probably showing my
> ignorance here, but better that than not getting the
help.
>
> You can view the page at
http://www.earbonerecords.com
There is a space
at the
> top of the page, next to the logo where I want to add
the player. Any help
> would be very appreciated.
>
> Mike
>

Audio Player CSS Arrangement

Hello
Here is the difficulty and I do not know how to make the page elements behave.
This page is an effort to incorporate an audio presentation. I did manage to insert two
Pickle Players that play the audio. So that did work!
When I save in Dreamweaver CS3 and then preview in the browsers those two players are not visible. I have to upload to the server in order to preview the web page. I am unable to control how the two players are positioned on the page. I have one player on the left and the second on the right. I don't know how to position the second player to sit below the first player. I have no control over how to position the text. I wanted to add a description of the audio material below each player. I then wanted to complement the two player presentations with support archive photos.
In photoshop I could create layers and move the layers around until I achived visual harmony. In this example I am having difficulties. Ideally I would want in this effort to incorporate an audio player(s) into the web page along with textual information, a few support photos, a biography and so forth.
Here's is my sample page that I am working on - followed with the page's code.
Thanks
http://www.meherbabalibrary.com/Kalki/kalki_f/pickle_f_.html
<!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>

<title>Meher Baba Advent Vault</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">

</script>

<script language="JavaScript" type="text/JavaScript">

</script>
<style type="text/css">
#pageContainer {
width: 720px;
margin: 0 auto;
#navHolder a {
width: 120px;
float: left;
body {
background-image: url(../../images/BabaSpread_faint.png);
background-color: #FFFFFF;
background-repeat: repeat;
#apDiv1 {
position:absolute;
left:87px;
top:241px;
width:487px;
height:455px;
z-index:1;
#apDiv2 {
position:absolute;
left:-323px;
top:218px;
width:1206px;
height:5213px;
z-index:1;
.style25 {color: #6699CC; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: x-large;}
</style>
<script src="/pickle/pickle.js" language="javascript"></script>
<link href="/pickle/skins/default/_stylesheet.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>
<body leftmargin="5" topmargin="5" marginwidth="5" marginheight="5" onLoad="MM_preloadImages('../../buttons/bhr.gif','../../buttons/kkr.gif','../../buttons /dvdr.gif','../../buttons/cjr.gif','../../buttons/avr.gif','../../buttons/bsr.gif','../.. /images/shack/0_Shack_MBBks.jpg')">
<div id="pageContainer">
<div id="logoHolder"><img src="../../logos/Logo10.png" width="720" height="128"></div>
<div id="navHolder">
<a href="../../index.htm" target="_top" onClick="MM_nbGroup('down','group1','bhb','',1)" onMouseOver="MM_nbGroup('over','bhb','../../buttons/bhr.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="../../buttons/bhb.gif" alt="" name="bhb" width="120" height="41" border="0" onload=""></a>
<a href="../../kalki.htm" target="_top" onClick="MM_nbGroup('down','group1','kkb','',1)" onMouseOver="MM_nbGroup('over','kkb','../../buttons/kkr.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="../../buttons/kkb.gif" alt="" name="kkb" width="120" height="41" border="0" onload=""></a>
<a href="../../dvdrent.htm" target="_top" onClick="MM_nbGroup('down','group1','dvdb','',1)" onMouseOver="MM_nbGroup('over','dvdb','../../buttons/dvdr.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="../../buttons/dvdb.gif" alt="" name="dvdb" width="120" height="41" border="0" onload=""></a>
<a href="../../jive.htm" target="_top" onClick="MM_nbGroup('down','group1','cjb','',1)" onMouseOver="MM_nbGroup('over','cjb','../../buttons/cjr.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="../../buttons/cjb.gif" alt="" name="cjb" width="120" height="41" border="0" onload=""></a>
<a href="../../advent.htm" target="_top" onClick="MM_nbGroup('down','group1','avb','',1)" onMouseOver="MM_nbGroup('over','avb','../../buttons/avr.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="../../buttons/avb.gif" alt="" name="avb" width="120" height="41" border="0" onload=""></a>
<a href="../../babasplash.htm" target="_top" onClick="MM_nbGroup('down','group1','bsb','',1)" onMouseOver="MM_nbGroup('over','bsb','../../buttons/bsr.gif','',1)" onMouseOut="MM_nbGroup('out')"><img src="../../buttons/bsb.gif" alt="" name="bsb" width="120" height="41" border="0" onload=""></a>
</div>
<div id="mainContent">
<p> </p>
<p> </p>
<p><img src="../../images/Summations/s3/price_08.png" alt="price" width="262" height="75" /></p>
<h1 class="style25"> </h1>
<p class="style25"> </p>
<div data-media="/sound/Filis_1981.mp3"></div>
<span class="style25 style27"><span class="style27">Ocean Waves Drops & Tears</span></span>
<p class="style25"> </p>
<div data-media="/sound/Eruch_1981.mp3"></div>
</div>

</div>

</body>
</html>

It looks like both of the players are nested within the same div. If you want them to sit one below the other, you will need to separate these into separate div containers.

Audio Player Widget - Muse

I have searched everywhere for a way to have a simple audio player on a web page in Muse and the code below when pasted into "Insert HTML" gives us the most basic HTML5 audio player.
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
This gets a basic audio player on the page and is fine if one doesn't mind the default look of the player. (Above Player shown in Safari)
Basically any audio player that looks different from this one above is going to have to be coded in some way and that's where the difficulty starts.
The only place that I have found on the Internet that has really small, minimal and clean audio players is at this site:
http://www.podsnack.com
which is set up for heavy duty traffic use of the player as their plans support 25,000 plays per day, which is way more than I need, however they do have 2 or 3 really nice looking tiny audio players that are completely editable color-wise that have a base look like these:
There are more examples here:
http://www.podsnack.com/mp3-player-examples/
I love the clean look of the 2 players above, and all the colors are changeable:
The main drawback with the podsnack site is that even the most basic plan costs $8 per month with a minimum 1 Year up-front payment of $96.00.
But, they are hosting the audio files on their servers and providing the skin of the player.
So far this is the only solution I have found to get a really small, clean visually customizable audio player onto a Muse website.
If Adobe could come up with a way to create some Audio Player Widgets that include some very small clean ones, I would find that to be a great asset to Muse.
I think that it would probably be easier for Adobe to design a widget that can play the audio file from the user's hosting server rather than Adobe's servers otherwise Adobe is going to be storing a huge number of audio files belonging to Muse customers.
The audio file can be placed on the user's hosting server in the same way that files such as pdf's are placed there when the user want to provide a link to download the pdf.
I am requesting that Adobe create some clean, customizable Audio Player Widgets.
Now that there are Widgets to place YouTube and Vimeo videos plus Social Media icons on pages, Audio Player Widgets are the next logical step.
Cheers,
Chris.

Well, I kept on looking for reliable ways to place simple HTML5 audio players onto pages and I really didn't come up with any useful solutuions.
Lots of open source JavaScript players etc, which I highly respect and trully wish I had a load of skill with, but I just found them to be out of reach at this time.
So, I broke down and coughed up the $96/year fee ($8/month) for the podsnack.com player set up and have found them to be absolutely effiortless to use and completely editable with regards to the look.
I have an example of some tiny players on a page here: http://amsondesigns.com/misc-files/podsnack-demo
And the Podsnack example page is here: http://www.podsnack.com/mp3-player-examples
BTW, I don't work for Podsnack!
If Adobe comes up with some Widgets that effectively provide what Podsnack are doing, then for me that will be the answer.
Until then I'm going to use Podsnack.
Cheers,
Chris.

How do you initialize audio player on iPhone 5s iOS8?

I am trying to use Scan & Translate and Translate Photo but the error message that says "Unable to initialize audio player" comes up and cannot use those apps.
How do you initialize audio player on iPhone 5s iOS 8?

Ddeveloper has not updated their app since July.
THey need to update to be ios 8 compatible.
the popup you are getting is the app failing to work, not a direction for you to follow.

A few questions about audio player in iBooks Author

1. How can I set the player to a small icon in Landscape layout? It seems that I have to display the player in the Landscape layout and show a big icon (which can't be resized) in the sidebar of the Portrait layout. Is there a way to customize this?
2. I notice that the audio player in iBooks Author looks different from that in the actual iBook on iPad?
In iBooks Author it's silver, which looks pretty nice:
But in actual iBook on iPad it becomes black:
Is it possible to customize the look of the player?
3. Another problem about the player in the actual iBook on iPad: When I have multiple players on the same page, only one of them shows the progress bar and time; others just show a play button:
If I click the one which only has a play button, the whole player will disappear (and won't play the audio clip). I must click the area (which the player is supposed to be in) again, and the player will show up with the progress bar and time (and other players will only have a play button).
This is very annoying. Does anyone have the same problem?

assuming you have a MovieClip mc on stage with the registrationpoint in the center:
stage.addEventListener(MouseEvent.CLICK, zoomHandler);
var currentZoom:Number = 1;
var zoomFactor:Number = 1.1;
var maxZoom:Number = 2;
function zoomHandler(e:MouseEvent):void{
    var zoomCenter:Point = new Point(e.stageX, e.stageY);
    var mcCenter:Point = new Point(mc.x, mc.y);
    var _xCorrection:Number = mcCenter.x-zoomCenter.x;
    var _yCorrection:Number = mcCenter.y-zoomCenter.y;
currentZoom +=zoomFactor-1;
if(currentZoom<maxZoom){
    mc.scaleX +=zoomFactor-1;
    mc.scaleY +=zoomFactor-1;
    mc.x -=_xCorrection*zoomFactor*.5;
    mc.y -=_yCorrection*zoomFactor*.5;
else{
trace("maximal zoom level reached");

Web audio player

Similar Messages

Maybe you are looking for