Scooter and motorcycle parking within 1 km of new ABC Southbank offices
View Scooter and Motorcycle parking in a larger map
Scooter parking near Southbank
1
Category Archives: development
Soundcloud embed test
Testing embedding SoundCloud audio
HTML5 audio
MP3 source file
<audio src="/audio/straw bales.mp3" controls="controls" preload="metadata"></audio>
This will show the audio and the controls but won’t autoplay or loop. It will preload the metadata only however some browsers may not take notice of this restriction.
<audio src="/audio/straw bales.mp3" controls preload="metadata" autoplay loop></audio>
This will add the autoplay and loop parameters to play the item on load and loop the audio from the end.
Browser Support for MP3 audio
Support for the MP3 format audio is restricted to Safari, IE 9 onwards, and Chrome.
Ogg source file
<audio src="/audio/straw bales.ogg" controls="controls" preload="metadata"></audio>
This will show the audio and the controls but won’t autoplay or loop. It will preload the metadata only however some browsers may not take notice of this restriction.
Browser support for Ogg Vorbis
Support for the Ogg Vorbis format audio is restricted to Firefox, Chrome and Opera
XSSI if and else statements
if statement
<!--#if expr="\"$HTTP_REFERER\" = /abc.net.au/" -->
Content relevant to that site
<!--#elif expr="\"$HTTP_REFERER\" = /google.com/" -->
An ‘or if’ statement
<!--#else -->
this else statement is used for all other instances
<!--#endif -->
finalise the code with an ‘end statement’
More complex if statement – SSI conditional based on document URI
This depends on the URI of the document being referenced.
XSSI variables
Set the variable giving it a value
<!--#set var='site' value='brisbane'--'>
In normal use add the variable as an echo
<!--#echo var='site'-->
If used within another ssi statement use the ‘$’ parameter
<--#include virtual='/${site}/include.htm'-->
Geoslideshow
Slideshow of images embedded on a map
Population growth
data visualisation using Google public data system
Professional network
Using LinkedIn data to map a professional network
