Earth Notes: On Website Technicals (2019-06)Updated 2021-12-01 16:03 GMT.
By Damon Hart-Davis.
2019-06-28: HTML5 Video
Since I've had such fun with audio support, I've decided to support video in a similar way, cross platform and responsive, with a
As with these other upper-cased tags that I have introduced, it should be valid (though likely non-optimal) HTML5 if completely untouched. But the system has the opportunity to be smart behind the scenes, eg finding lower-res lower-bandwidth media automatically for 'lite' or
Save-Data clients, and creating captions and schema.org markup.
Here is a very short segment of an electricity supply meter spinning, with no hand-crafted alternate formats (eg low-bandwidth) or other cleverness:
A MotorWind turbine clip with a lower-bandwidth 'poster' image available:
A synthetic clip with an additional information text file and a lower-bandwidth (smaller) version of the video provided:
2019-06-24: British Library
The British Library appears to be doing its yearly sweep of EOU.
I was pointed at the Audacity
tool for preparing voice snippets, instead of GarageBand + external converter. Here is a slightly-croaky late evening
one two three testing clip exported in FLAC (level 5, 16 bit), and then at default (medium quality 145--185kbps joint stereo), and then at apparently-minimum (variable bit-rate 45--85kbps variable speed mono) MP3 levels.
(I had used Audacity years and years ago: it was good to be reminded of it!)
I additionally made the very-lo-fi version from the FLAC with
Online-Convert.com. This is mainly to compare file sizes between the (decent-sounding) Audacity minimum and the telephony-level externally-converted minimum. For Apache I have added to
AddType audio/mpeg .mp3LL also.
One two three testing...
I still haven't found a simple 'de-essing' filter! Mainly because such a thing doesn't exist, I am told.
2019-06-11: Podcast Lite
The transcript below was made by Google Docs' Tools -> Voice Typing (on Chrome) from a (playback of a) voice recording made in 'GarageBand' on the Mac, and then lightly edited. Listen mum, no paid tools!
This is an experiment to see if it is possible to dictate a piece while also record
edit and getting a transcription this may be useful because I've been asked for a pair ofcouple of voice pieces for a walk of the area that a local and member of thelocal person interest in nature such as bats and flowers and trees has asked for
For those few (~6) pages created significantly ahead of their first publication, I am adding
dateCreated markup to the page. These were typically cases when I wanted to prepare as much as possible ahead of time.
(Avoided for 'lite' pages to save weight, as only of marginal interest!)
2019-06-02: Lazy and Cheap
I asked why Chrome's still-experimental
loading=lazy was apparently
not using the width and height attributes of an image where present, rather than an expensive load of meta data from the first 2kB, and it seems that the team is already on it!
2019-06-01: Google Search Favicon
Google has a new search feature (placing the site favicon next to a search result) and describes how to define a favicon to show in search results. Oddly, Google wants something a multiple of 48px (square), of which only exactly 48x48 would be compatible with normal favicon use, and will seemlingly downsize it to 16x16 for display but specifically does not want to be supplied with a 16x16 image. Uh?
I have added a copy of my 48px intensity button
.png as a test. The same file is
svn cpied to the lite and AMP site roots. (Currently a 'red' one, but I'll try to capture a green one.)
Google only requires a
link rel=icon from the home page, it seems. I have left the current
.ico image file in place. That may give some browsers a brain-ache as to which to use!