background preloader

Buzz, a Javascript HTML5 Audio library

Buzz, a Javascript HTML5 Audio library

http://buzz.jaysalvat.com/

Related:  FRAMEWORKS & LIBRARIES JavaScript

Getting Started with Web Audio API Before the HTML5 <audio> element, Flash or another plugin was required to break the silence of the web. While audio on the web no longer requires a plugin, the audio tag brings significant limitations for implementing sophisticated games and interactive applications. The Web Audio API is a high-level JavaScript API for processing and synthesizing audio in web applications.

HTML5 WebMessaging Experiment Download demo - 2.97 KB As web developers, sometimes we easily encounter one problem: Cross-Domain communication, conforming Same-Origin-Policy, JavaScript code cannot access code stay in different domain (or sub-domain) or protocol (HTTP/HTTPs) or port, so there was no direct (or I can say: simple) way to achieve Cross-Domain Communication. However, those kinds of requirements do happen: page A and page B are in different domains, B is "embedded" in A, i.e., there is an "iframe" in page A whose "src" is page B's URL, now page A wants to control page B and vice-versa. By limiting the solution to be done by 100% client JavaScript, beforehand HTML5, there are a number of tricky "hacks", such as:

ie7-js - A JavaScript library to make MSIE behave like a standards-compliant browser. IE7.js is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6. Current version: 2.1 beta4. SoundTouch Sound Processing Library About the SoundTouch library The SoundTouch Library Copyright © Olli Parviainen 2001-2014 SoundTouch is an open-source audio processing library for changing the Tempo, Pitch and Playback Rates of audio streams or audio files Tempo (time stretch): Changes the sound to play at faster or slower tempo than originally without affecting the sound pitch. Pitch (key) : Changes the sound pitch or key while keeping the original tempo (speed). Playback Rate : Changes both tempo and pitch together as if a vinyl disc was played at different RPM rate.

12 HTML5-CSS FrameWorks For Easy WebDevelopment HTML5 is getting more popular among web designers because it is being supported by the most of the modern browsers like Firefox 6, Google Chrome, IE9 etc.. A framework is basically software application which assists developers to quickly design and develop dynamic websites. With the advent of HTML5 and CSS3, development becomes easy for everyone, A HTML5 framework provides many features such as beautiful typography, video players, form validation, design section and many more which enables users to easily develop web applications.

node.js and socket.io chat tutorial – ps: it's mike i found that the ready availability of documentation and the eagerness of experienced individuals to help the newly adopting, throughout the node.js communities, allow for quicker learning and sharing of acquired skills i’ve created a very simple single-room chat client using node.js, socket.io and the express module UPDATE: long overdue, but you can now skip the following step and just install via the .msi or .pkg files and they include NPM – to begin, you must install node.js and npm along with their dependencies cd /pick_a_folder git clone cd node git checkout v0.4.12 #or latest stable version ./configure make make install #finish nodejs install curl | sh #install npm

Mastering HTML5 Prefetching What is prefetching, and why it is useful According to whatwg.org, rel=prefetch "indicates that preemptively fetching and caching the specified resource is likely to be beneficial, as it is highly likely that the user will require this resource." Search engines sometimes add <link rel=prefetch href="URL of top search result"> to the search results page if they feel that the top result is wildly more popular than any other. For example: using Firefox, search Google for CNN; view source; search for the keyword "prefetch". As loading time is a very important factor of a website quality, prefetching can definitely improve the user experience by loading pages before the user actually requested them. Of course, you have to be careful (Don’t prefetch your entire website!)

Facebook Connect with Node Static Version A big part of building a new web application is repurposing common patterns, one such pattern is the ability for users to sign in and out. One way of solving this quickly is by using Facebook Connect. Background Unlike some APIs, the Facebook API is very Javascript friendly, but unfortunately it can be very time consuming to go through the maze of misdirected Facebook documentation.

15 Interesting JavaScript and CSS Libraries for March 2017 Danny Markov Our mission at Tutorialzine is to keep you up to date with the latest and coolest trends in web development. That’s why every month we release a handpicked collection of some of the best resources that we’ve stumbled upon and deemed worthy of your attention. Propeller Experimenting with Node.js If you see extra mouse cursors moving around: don’t worry, they’re part of the demo. You can always disable them if you want. I’ve written a follow-up on this article, in which I improved a lot of the code. Be sure to read that one too! If you’re using a browser that supports web sockets, you might see some extra mouse cursors moving around.

Related: