Playing sounds over Hangouts with SoundJS - html5-audio

I want to be able to play a sound via button click and have it 'broadcast' to everyone in my Google Hangout.
I don't care about live microphone streams or anything else. Just click a button, play a sound that everyone can hear. Most sounds are between 1 and 8 seconds. It would be nice If a sound could loop as well. I'm using SoundJS to achieve this on the web so I'd like to continue using that framework.
I've searched this topic many times but it seems that Google Hangouts documentation is a little sparse. I'd love to see a sample audio app that does something like this.
Thanks!

Related

Enabling click sound effectx

Full Disclosure, talk to me like I am stupid because, well, I kinda need to be guided.
I would like to create a series of web pages where the user would hear a sound when they would click on links whether it be photos or text links it doesn't really matter. The idea here is to generate an audio sound when a link is clicked. And I want that to be able to span across all clickable links in the HTML document. I am not sure how to do it and I'm not asking Google the right question because I'm learning how to do sounds for every other possible aspect of web development rather than this specific need. Might be because I haven't slept in 24 hours but I'm trying to create the Kobayashi Maru and it would be really cool if I could make the lcars computer sound effects.
So how can I make all the links play the same sound or ideally I'd like to be able to make sounds for active links and then a different sound for non active links but I would just settle for one sound effect right now. Could anybody please help me out?
I've tried various scripts but they are for specific objects

HTML quiz game with Canvas

Hi I'm trying to create an html quiz game with canvas, but I'm new to this thing and I didn't find any documentation to this particular thing.
Game summary
The game is set into 5 scenes, every scene is a time period (prehistory, ancient Rome ecc..), and there is only a static image in the background with some shiny points. When the users click on that's point the game zoom on it, and appear a question. When the user answer to the question the scene zoom out and he can click on the next question. When the user has answered all the questions in that scene, the game moves on to the next.
My Problem
I can't find a valid documentation about this, and i really don't know where to start. My idea was to use bootstrap and include some plug-in to do this but i didn't find anyone. I know that there are better framework like angular to do this kind of game but I really don't have the time to learn something as that.
Someone as any idea about the better way to do that?
Are you storing people's progress on a database or communicating with Google Classroom (eg. to add scores to assignments? I would personally recommend using Google Apps Script and embedding it on an HTMLsave bag to get rid of the "watermark" that is displayed on top of Apps Script web apps. Here is some documentation to get you started:
Bootstrap Docs by W3Schools
Apps Script Overview and Docs

How to add multiple audio play buttons that stop each other?

I have an HTML list of music tracks in a website. Some of them can be previewed with an audio sample.
I want to implement a triangle (play button) in front of each of those tracks, so that the visitor can click on each of those and hear a short audio sample. If the visitor clicks on another track before the previous is done, the latter should stop and the new one should play.
Is this simple plan implementable without much effort? I am good at HTML and CSS, but i can't write JavaScript. I've researched the audio-controls attribute, but it gives me a complete player with a bunch of controls that i don't want displayed.
Are there any tutorials you guys could point me to, if this is only possible with java-script?
Wow, no answer for weeks...
But i found a solution myself. Everything that i described works with a small jQuery player i found here: https://github.com/kuantal/Multiple-circular-player . I can have multiple instances and the script is "intelligent" enough to let only one single instance play at the same time.
Props to the author of the script - well done!

Webcam fire Flash effect

Is there any source code available in ActionScript3 that does something like this: http://gskinner.com/blog/archives/2005/11/flash_8_webcam_1.html
http://blog.soulwire.co.uk/code/actionscript-3/webcam-motion-detection-tracking
The link above isn't exactly what you're looking for but similar. You could probably grab the original processing.org IDE which comes with samples, one is a webcam background differencing program, you can probably copy the algorithm from there if you're having trouble coming up with something yourself. Using flash BitmapData methods and tweaking blendModes with a couple of frames can get some interesting stuff going.

"Start time" on TED video embeds

http://jsfiddle.net/N8dYL/
The goal i'm trying to acchieve is that when you click play, the TED Talk starts playing at for example 02:22
I've tried several things i know from JWplayer like video.mp4?time=02:22 but I couldn't get it to work on this player.
Does anyone have some inspiration for me?
AAhHH! I just noticed that when I pause a TED Talk, the url at the top changes with that number! So it's far easier that what I posted below - just pause the talk where you want and copy the URL!
Seems that when you use certain social media plugins/extensions (I'm using MeetEdgar on Chrome), you can click to share from the bookmark button when you pause the TED video and it will give a unique time number. I just did this one: http://www.ted.com/talks/julian_treasure_how_to_speak_so_that_people_want_to_listen#t-28636
There is no clear pattern, though, as the #t-xxxxx for 10 seconds was 426018, 20 seconds was 8651, 30 seconds 18670 and the one above was at 40 seconds.
I'm guessing the player creates a random number for that specific point. Probably so that people don't share just bits, but the whole thing.
I'm only guessing that some of the Twitter, Facebook or G+ plugins/extensions might do the same. Give it a shot!
~Bon
this post may help
Start HTML5 video at a particular position when loading?
or at least that's what i hope lol :D
make sure you read this
http://dev.opera.com/articles/view/everything-you-need-to-know-about-html5-video-and-audio/
you might find it helpful after all :D
The only thing i can think of is downloading the mp4, and using JWplayer, like i just did.