Tag Archives: audio

HTML5 Web Audio Duration Tutorial

Posted on June 10, 2019 by admin

In building on yesterday’s HTML5 Web Audio Primer Tutorial we adopted a two pronged approach, that being … first allow for the reduction of use of Javascript eval involving statements that assign values (ie. eval statement contains an “=” sign) … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged API, array, audio, duration, eval, form, HTML, HTML5, Javascript, play, programming, start, stop, synchronize, tutorial, url, web audio, webpage | Leave a comment

HTML5 Web Audio Primer Tutorial

Posted on June 9, 2019 by admin

As an audio/video synchronization alternative to the techniques used in Mac OS X Text to English Speech Primer Tutorial, today, we involve the great Web Audio API functionality introduced with HTML5 and “starring” in HTML5 Rocks’s Getting Started with Web … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged API, audio, HTML, HTML5, Javascript, play, programming, start, stop, synchronize, tutorial, web audio, webpage | Leave a comment

Media Gallery Figcaption Tutorial

Posted on April 26, 2019 by admin

Yesterday’s Image Gallery Figcaption Slideshow Tutorial added some animation to the “Image Gallery (via Figcapture elements)” web application we’d been developing. Today we … extend to “Media Gallery (via Figcapture elements)” (from “Image Gallery (via Figcapture elements)”) via code to … Continue reading →

Posted in Animation, eLearning, Event-Driven Programming, Tutorials | Tagged animation, audio, caption, figcaption, gallery, HTML, HTML5, image, image gallery, media, onclick, PHP, play, presentation, programming, slideshow, text, tutorial, video | Leave a comment

Javascript and PHP Base64 Media Tutorial

Posted on February 21, 2019 by admin

It’s likely that if you use Base64 a lot with your web applications whether that involves Javascript client …. btoa atob … or some serverside language functions like PHP’s … base64_decode base64_encode … you will have used it when accessing, … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged atob, audio, base64, browse, btoa, data uri, decodeURIComponent, encodeURIComponent, enctype, extension, file, file API, form, get, HTML, image, Javascript, media, method, mimetype, onsubmit, PHP, post, programming, tutorial, url, urldecode, urlencode, video | Leave a comment

Bluetooth Audio on Volkswagen Golf Primer Tutorial

Posted on January 28, 2019 by admin

As many Australians head back from summer holidays, perhaps attention turns to entertainment on the trip back. It is there, that a lot of modern cars include a Bluetooth capability, allowing the speakers of an iPhone or Android mobile phone, … Continue reading →

Posted in eLearning, Hardware, Networking, Tutorials | Tagged audio, configuration, iPhone, iPhone 6, mobile phone, music, pin, speakers, tutorial, volkswagen golf | Leave a comment

Canvas Image Capture Ajax FormData Annotation Dropdown Tutorial

Posted on November 16, 2018 by admin

It is probably not surprising we involve HTML select element (“dropdowns”) related to our progress on canvas based Web Storage standing order type scenarios with our “Media Capture Email” web application we got the Web Storage working with yesterday’s Canvas … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Tutorials | Tagged Ajax, annotation, array, asynchronous, audio, camera, canvas, capture, circle, colour, cookie, CSS, details, document.write, DOM, dropdown, float, form, FormData, genericization, HTML, image, IP address, iPad, iPhone, Javascript, line, local storage, localStorage, media, mime, mimetype, mobile, multiple, navigation, onclick, onion, overlay, photography, PHP, programming, progress, rectangle, reveal, select, standing order, summary, text, tutorial, upload, video, web storage, web worker, XMLHttpRequest, zip | Leave a comment

Canvas Web Storage Image Capture Ajax FormData Annotation Tutorial

Posted on November 15, 2018 by admin

It’s time for “Intersessional Thoughts Part II” today, continuing on with our “Media Capture Email” web application from yesterday’s Mobile Canvas Image Capture Ajax FormData Annotation Tutorial. Previously, for some intersessional thoughts that did not involve a lot of data, … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, Tutorials | Tagged Ajax, annotation, array, asynchronous, audio, camera, canvas, capture, circle, colour, cookie, CSS, details, document.write, DOM, float, form, FormData, genericization, HTML, image, IP address, iPad, iPhone, Javascript, line, local storage, localStorage, media, mime, mimetype, mobile, multiple, navigation, onclick, onion, overlay, photography, PHP, programming, progress, rectangle, reveal, standing order, summary, text, tutorial, upload, video, web storage, web worker, XMLHttpRequest, zip | Leave a comment

Mobile Canvas Image Capture Ajax FormData Annotation Tutorial

Posted on November 14, 2018 by admin

Yesterday’s Canvas Image Capture Ajax FormData Annotation Tutorial‘s new Canvas Annotation functionality was not great for mobile devices. Today, we improve via … “floating” better the position of our “overlayed” Canvas Annotation menu so that it sidles up near canvas … Continue reading →

Posted in Ajax, eLearning, Event-Driven Programming, iOS, Tutorials | Tagged Ajax, annotation, array, asynchronous, audio, camera, canvas, capture, circle, colour, cookie, CSS, details, document.write, DOM, float, form, FormData, genericization, HTML, image, IP address, iPad, iPhone, Javascript, line, media, mime, mimetype, mobile, multiple, navigation, onclick, onion, overlay, photography, PHP, programming, progress, rectangle, reveal, standing order, summary, text, tutorial, upload, video, web worker, XMLHttpRequest, zip | Leave a comment

October 2026
S	M	T	W	T	F	S
	1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31

I like the single-row radio-play approach for keeping the controls compact while still making each selection clear. When I’m checking a calculation alongside a tutorial, I use StepStat to see the intermediate steps; how do you handle the layout when the playlist gets much longer?

The idea of mapping a video's key scenes, mood, pacing, and audio before production resonates with me — it's a lot like working out an anagrampuzzle, where the same pieces only make sense once you rearrange them into the right order. Do you usually sketch the mind map before or after the script is locked?

This is a helpful introduction to mind mapping, especially the explanation of how an unfamiliar .mm file can lead to discovering a practical visual-thinking tool. Mind maps are also useful for planning creative projects: I often map out a video’s key scenes, mood, pacing, and audio needs before production. Once that structure is clear, tools such as Flow Music can create AI background music for videos from a prompt, making it easier to match the soundtrack to each part of the visual plan. Thanks for sharing this accessible primer.

Thanks. Since then, a Shower Songs project at https://www.rjmprogramming.com.au/HTMLCSS/shower_songs.html is an improvement regarding "Radio Play" on mobile platforms.

This is a thoughtful example of using a single-row layout and scroll behavior to reveal media progressively. I especially liked the way the tutorial ties the gallery to real interaction details rather than treating the UI as a static mockup. For readers experimenting with the next stage of visual prototyping, LTX 2.3 Free collects prompt examples and workflow guidance for planning AI video scenes; the same attention to camera movement and timing is useful when turning a storyboard into motion.

Your Numbers Game
Get clue	Your answer	Your Score
Clue?		Score 0/0

Tag Archives: audio

HTML5 Web Audio Duration Tutorial

HTML5 Web Audio Primer Tutorial

Media Gallery Figcaption Tutorial

Javascript and PHP Base64 Media Tutorial

Bluetooth Audio on Volkswagen Golf Primer Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Latest Comments

Tag Archives: audio

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList