Pokki
Link:
HTML5 Apps and Games downloaded as desktop apps in a Chrome Single-Site Browser -type framework.
javascript
desktop
html5
apps
html5
Drumbeat Demo - HTML5 Audio Text Sync | The Worm Hole
1. In Sync Mode - press play on the player and use the space bar or sync button to synchronise the words with the audio.
2. Switch to Playback Mode to see the words synched to the audio. Click on the words to play the audio from that point. Try selecting areas of text.
subtitles
javascript
canvas
jplayer
audio
html5
jPlayer : HTML5 Audio & Video for jQuery
Link:
HTML5: mp3, mp4 (AAC/H.264), ogg (Vorbis/Theora), webm (Vorbis/VP8), wav
Flash: mp3, mp4 (AAC/H.264), flv
For cross-browser support, a format must be supplied that works in both HTML5 and Flash.
Optional additional formats may be supplied to increase cross-browser HTML5 support.
mp3
player
jplayer
javascript
audio
html5
Hyper Audio - A New Way to Interact | The Worm Hole
Some things to try :
podcast
jplayer
popcorn.js
html5
javascript
audio
The Worm Hole
Using Hypertranscripts we can:
Navigate through the media via the text.
Select and play parts of the media by highlighting the relevant parts of the text.
Share parts of the media creating URLs that contain start and end points.
Make our media more discoverable (via search engines)
Make our media more accessible.
More easily visualize the media.
Combine, embed and easily integrate media (using simple tools)
podcast
audio
Radio
javascript
inspiration
html5
hyperaudio
HTML5 Audio APIs - How Low can we Go? | The Worm Hole
Mozilla’s approach was to expose a very comprehensive low level API, which potentially allows JavaScript developers to create all the functionality of Webkit’s Web Audio API and then some. As a result we get libraries like JSMad cropping up. What does JSMad do? Significantly, it allows you to play MP3s in Firefox*. Is JavaScript fast enough? Apparently so. This was a ‘this changes everything’ moment for me and since then a similar approach has been taken by pdf.js and more recently Broadway.js which decodes H.264 on the fly.
browser
api
audio
html5
The Worm Hole
Broadway.js is an open-source library that decodes H.264 in JavaScript by taking advantage of the newer faster JavaScript engines that are built into the latest browsers. This means that in theory a developer can add H.264 playback capability to any modern browser. See also JSMad for MP3 playback and ALAC.js for lossless playback.
Video
javascript
html5
The State Of HTML5 Video
HTML5 has entered the online video market, which is both exciting and challenging for developers in the industry. With both the HTML5 specification and the various browser implementations in constant flux, we at LongTail Video spend a signficant amount of time understanding the limitations of the technology, testing playback across various browsers and devices, and optimizing our own products for HTML5 playback.
media
mp3
browser
audio
ogg
h.264
webm
comparisons
Video
html5
A List Apart: Articles: Using SVG for Flexible, Scalable, and Fun Backgrounds, Part II
A background image that fits the entire web page can be more challenging. I’ve learned that a simple graphic with a strong diagonal feel, sized to fit 100% of the page’s height and width, can be a fun and effective background graphic that seems to be a custom fit to the web page size
listapart
vector
tutorial
Graphics
html5
svg
Now with more Responsive HTML5 Goodness!
I've been doing some restructuring of my personal sites and the underlying servers in the past couple of weeks - trying out some new tricks to get similar results with fewer (cheaper) resources, and at the same time learn about some modern web architecture at all levels of the stack.
Categories:
