Tag Archives: media

Video via Canvas File API Tutorial

Posted on June 5, 2019 by admin

Yes, some of you probably guessed correctly, regarding where we’d go after yesterday’s Video Pixel Manipulation via Canvas Tutorial. As a background to this, we see for web applications, two primary source “partitions”, those being … around the “net” (in … Continue reading →

Posted in eLearning, Event-Driven Programming, Tutorials | Tagged background colour, background image, browse, canvas, capture, colour, Digital Colour Meter, div, external Javascript, file API, grayscale, HTML, HTML5, image, invert, Javascript, media, nest, pixel, programming, resize, scroll, transparency, tutorial, video | 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

Camera App Video Slow Motion Primer Tutorial

Posted on March 29, 2019 by admin

Continuing the video theme of yesterday’s QuickTime Player Mov Video Conversion Tutorial today we try out the iPhone (ie. iOS) Camera app’s Video mode’s Slo-Mo mode of use. Get ready for longer but attention grabbing videos straight from the source … Continue reading →

Posted in eLearning, iOS, Photography, Tutorials | Tagged animation, app, camera, iOS, iPhone, media, presentation, slow motion, 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

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

Canvas Image Capture Ajax FormData Annotation Tutorial

Posted on November 13, 2018 by admin

A precursor to today’s continuation of “Image Capture Email” web application HTML5 canvas functionality was the previous Image Capture Ajax FormData Upload Canvas Tutorial as that proof of concept that the canvas … onclick event could be trapped and coded … 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, form, FormData, genericization, HTML, image, IP address, iPad, iPhone, Javascript, line, media, mime, mimetype, mobile, multiple, navigation, onclick, onion, photography, PHP, programming, progress, rectangle, reveal, standing order, summary, text, tutorial, upload, video, web worker, XMLHttpRequest, zip | Leave a comment

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

Search for:
Recent Posts
Categories
- Ajax
- Android
- Animation
- Anything You Like
- Code::Blocks
- Coding
- Colour Matching
- Data Integration
- Database
- Delphi
- Eclipse
- eLearning
- ESL
- Event-Driven Programming
- Games
- GIMP
- GUI
- Hardware
- Installers
- iOS
- Land Surveying
- Moodle
- Music Poll
- NetBeans
- Networking
- News
- Not Categorised
- OOP
- Operating System
- Photography
- Projects
- Signage Poll
- Software
- SpectroPhotometer
- Tiki Wiki
- Trips
- Tutorials
- Uncategorized
- Visual Studio
- Xcode
June 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

« May
Meta
Tags
Ajax animation background button canvas command line CSS Did you know DOM dropdown email emoji event form game Google Google chart hashtag HTML IFRAME image iOS Javascript MAMP map media mobile navigation onclick overlay PHP popup programming select share sharing SMS SVG table text textarea tutorial url video web browser
Your Background Image
OnTopList

Tag Archives: media

Video via Canvas File API Tutorial

Media Gallery Figcaption Tutorial

Camera App Video Slow Motion Primer Tutorial

Javascript and PHP Base64 Media Tutorial

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Your Background Image

OnTopList

Recent Comments

Tag Archives: media

Numbers Guessing Game

Your Numbers Game

Recent Posts

Categories

Meta

Tags

Your Background Image

OnTopList