In Blogger I am trying to recreate the audio feature used in this web site http://www.talkenglish.com/lessondetails.aspx?ALID=2001 where you click on text and hear the audio (an mp3 file) instantly. When I embed identical code into a Blogger page and click it, it wants to play the mp3 file by kick starting Windows Media Player. I don't want a solution like SoundCloud that creates visible player controls. Can anyone suggest a solution. I am hoping to use it to create an online amateur speech therapy package to support some voluntary work I do in this area.
Thanks
That site is using a file called audioplayer.js. To be honest, I am not exactly sure if that's custom built or not. You can look at the source for that here. You have a bunch of options to get the functionality you're looking for. A couple are below.
You can use SoundManager2 which is a very robust JS Sound plugin.
You can also use HTML5's built in <audio> element. You can read more about that here
Related
I am trying to write a simple chrome app to play a sequence of online pictures on my chromecast device.
I have looked at some examples, but could't find anything which I could tweak around to get the simple behavior i needed. Maybe someone here could help, by providing directions or advise on getting started with developing something like that for chromecast.
UPDATE:
To give you a better idea, about the specifics, let me add some more details to my requirements.
It needs to be controlled from chrome
I want to pass a playlist with 10s-100s of images so it can slide them in circles.
After receiving playlist chromecast device should be able to continue on its own, without continuously asking for next image.
This is actually similar to backdrop feature Google is planning to introduce, but I wanted to write something myself.
Thanks
If you don't want to develop your own Cast receiver, then you can use the media namespace channel and the Styled Media Receiver to display a photo at a time:
https://developers.google.com/cast/docs/styled_receiver
You will have to add the logic to advance from photo to photo in your sender app.
If you are willing to develop your own custom receiver, then you can start with this Cast sample app:
https://github.com/googlecast/CastHelloText-android
It allows you to send messages to a custom receiver. You can use that to send the URLs of the photos and then you can add JavaScript logic in the receiver to play a slideshow.
Just to let you know, I have tried various options and ended up writing custom receiver and Chrome sender applications. This was really straightforward and exactly what I wanted.
See the links above for guidance and also examples here.
The client is trying to figure out whether they'd like to go with a node-webkit app with AngularJS, but their one sticking point is that they'd like to be able for their users to drag a file out of the app and onto the desktop or an email client (such as Outlook or Lotusnotes) like you can do with an applet (which I'm desperately trying to avoid).
As far as I can tell, this doesn't look possible, but I'm not well versed yet with the latest stuff you can do with HTML5 and Chrome specifically. Any guidance is greatly appreciated.
Edit: I've also never used node.js
http://www.html5rocks.com/en/tutorials/dnd/basics/#toc-dnd-files
http://www.thecssninja.com/javascript/gmail-dragout
The answer is yes. Here is some more text so that I can submit my answer.
#tjb1982 Using a demo like this one:
http://www.thecssninja.com/javascript/gmail-dragout worked for simple files, but when trying to drag a WAV file or MP3 file into a audio software( like logic, pro tools, ableton ) they won't recognise it as an audio file.
Need some inspiration for such a plugin. We aim to mix media, stored locally and in the cloud, in one online experience. Access via the File API sucks badly. We need something better.
Sure... Flash does that, Silverlight does that, Quicktime does that, Move Media Player does that... I'm sure there are others, but I'm not sure how it helps you, since none that I am aware of except VLC is open source, and the VLC open source plugin isn't the best written one I have seen (no offense to those involved, it's a hard task).
If you haven't already, I'd take a look at FireBreath; it simplifies the plugin creation process and lets you focus more on what you want to do with it.
What's the simplest way to setup a chrome extension to record audio from the microphone?
I see there is a working experimental speech input API but how come you don't have access to the recorded file? Seems like hooking up into that should be simple enough, as it's a step earlier in the process, no? Especially as there is also a text-to-speech API, so you could effectively record into text and then have the computer speak it back out, but unless you want a standard voice, how lame, redundant and prone to error is that?
Then there seem to be flash solutions like this but how can I use that in a chrome extension without having to setup anything server-side? (since I don't actually need to send anything to a server--it's all local and client-side)
Is NPAPI a possibility? Is there such a plugin ready-made?
Don't know of other possible alternatives (HTML5 isn't ready yet, it seems) but I welcome anything functional and simple to implement and hook into a chrome extension.
Finally a native solution appeared: Introducing getUserMedia
You cannot use the speech input API, since it will record only the microphone. Okay, you can grab the speakers like that, but it's clearly not the solution.
Using a NPAPI plugin is a solution. You'll can identify the sound made by a particular tab and after record that source, but it is no longer web dev.
I'm building a web application to support RPG games, like Dungeons & Dragons. It's
like a AJAX chat room with dice rollers, avatars, shared information, character sheets and
so on...
One of my desired features is to let the game master to play music to all game members.
How can I implement that?
I'm building the application with Asp.NET, using C# 3.5.
In the client side I'm using jQuery (latest version).
I intend to avoid Flash and Silverlight (even if the music resource will be available to
some browsers only).
I tryed to use ogg format, but I don't know how to make it work with my own audio
files. Do I need to implement a stream or something?
The application already is online. If someone want to see it, let me know. But
it's only available in portuguese (Brazil).
Any tip will be apreciated.
You have a better chance of integrating the sound if its a mp3, then using javascript or HTML5.
HTML5 Code:
<audio src="anyone-there.mp3" autoplay controls></audio>
Read more here - http://www.html5laboratory.com/playing-with-audio-files.php
HTML5 is not supported by many browsers, so using a javascript to play the sound would be alot better.