This Page is Designed to Work on Any Device Or Browser.
The Links Below Go to Various Clouds for Various Purposes.
All Links are Tested with Google Chrome a Webkit Browser.
Thus Safari and Edge should also work.
Code for other Browsers are Available on Request.
New for 2017 We will demonstrate page by page a fully functional
responsive website. These pages will have the best code for displaying
audio, video, pictures and text on all devices of any size and all Browsers.
Let's start with the welcome page.
Welcome page with Adlabs code for responsiveness and cool css
New for 2016 Adlabs Measuring and Centering Video Player.
The New Adlabs Measuring Video Player 2016 Demo1 Autoplay
In this first Demo we will Show 2 Video Clips. The first Clip is 720p and Second
Clip is 360p Forced to Resize. Both clips have the Custom Editor on and will Edit out
the Beginning and Ending Credits. Note the Extra 2 Seconds at the End of the Charlie
Brown Video. This is to Clarify just what we are Removing.
Here is the mobile Version of the Link Above.
Thanks Piano Guys.
Here is a Full Screen Loop that will Fill any Screen Encountered
Thanks Wammo Hula Hoops.
Here is the Mobile Version for the Link Above.
Here is a Real Life Advertising Demo
Very often your Marketing Videos are to be Displayed
in the Space that Others give you on their Web Pages.
You often do not Know the Size of this Space. This Demo
Shows a Video inserted into the allowed Frame. It Measures and Centers
The Content and Skin of the Video into the Allowed Frame. WOW!
Thanks Yonanas.
Here we have a Music Video with Two Songs. The First
Link Plays as a FullScreen Ad Reel. This Configuration
Plays the Second Song first and the First Song Second. This demo Shows a
Danger. When the Player Sets Up the Original Audio Plays for One Second
Despite any Editing. Your Clips May not have a Silent Start. Mixing Start Editing
and Audio Must be Done with Care. End Editing is Free of such Hazzards.
Thanks Ukraine
Video with Maximum Browser Compatibily...... No Automatic Measure or Center.
This Configuration is as Simple as it gets. a Stand Alone
Video at its Natural Size Compatible with almost any Browser.
The Link Below is the same Video. It has been Shrunk and placed
in a Centered Html4 Div. The Div has the Silver Background with the Yellow Border.
Maximum Browser Compatibily with Elegant Flash Fallback for Older Browsers.
Thanks Samsung.
Now Lets Build a Real Life Advertising Display
It is just a Web Page with Empty Frames.
We will Configure the Measuring Player to Chain Video
Clips Five on one Page and Two on the Other. Excessive video clips
can Overwhelm Weak Computers and Smart TV so we Chain Them.
Then We Configure the Adlabs Measuring Image Processor to Automatic
Mode and Prepare to Show some Images. The Image processor Measures and Centers
Similar to the Video Player.
Adlabs Image Processor Automatic Mode
Toss in a Cool Javascript Clock.
Then Add some News Tickers and some Advertising images and Voila...
You have a Beer Ad Page for Cristal Beer and their Spokes person Nina Agdal.
Thanks Cristal Beer
Shaping the Video Clips
The Measuring and Centering Player also Allows
Shaping of the Videos Using Masking as Shown Here.
Image Display and Processing
The Adlabs Image Processor like its Big Brother
Video Player will Measure and Center to the Screen or
Frame it is Assigned to. It comes in Manual or Automatic.
Adlabs Image Processor Automatic Mode
Thanks Nina Agdal
Adlabs Image Processor Manual Mode
Thanks Unknown Fashion Model.
Shows Various Video Walls
Good Code for Displaying Images on Mobiles
This Oldie but Goodie is still one of the Best
Image Processors on the Web. Caution it uses Older
Version of Jquery. If you are using a Newer Version on this Page
Consider Inserting in a Frame.
Compatible with All Browsers.
Flash Stuff
Adlabs still Supports Flash and Can Assist with SWF Object.
SWF Object is the Best Way to Present Flash.
Adlabs has Awesome Video - Audio - Text and Image Display Code.
Currently Adlabs is using the Yaris Video Player for most Flash Video Presenting.
Yaris Video Player in Simple Mode
Click "Check Now" Button You will get the Flash Status
-Operating System- and Browser Information for any Device.
Simple Flash Coke Advert (Tests Smart TV Zooming)
Pop Bubble Wrap Basic (Tests Smart TV keyboards and Mice)(Flash)
Pop Bubble Wrap Piano Style (Tests Smart TV keyboards and Mice)(Flash)
Pop Bubble Wrap Insane (Tests Smart TV keyboards and Mice)(Flash)
Flash Game for Kids - Make Pop and Fresh Flatulate
Audio Display and Processing
Audio Playlist using Audiojs and Jquery
Works on Desktops and will Test Mobiles and Smart TV for Audio Auto Start.
See the Audio Playlist Hidden in a Presentation
Thanks Wammo.
Yes...The Adlabs Video Player also Processes Audio. It uses the same Measuring and Centering
Chaining and Controlling for Audio as it does for Video. It will also Process Video Files as Audio and
Strip out the Video from Movie Clips. It also Pauses on Screen changes when doing this. Thus you can Change
the Audio when presenting Video Files.
This is just the Adlabs Measuring Video Player Configured to Play
Audio Automatically and Hidden. All Decorations are Set to Black and the Player will Pause on
Screen size Changes. When Used on the Same Page as the Player
Configured for Muted Video the Music Stops when the Video Stops.
This Occurs when the Screen Changes or the Spacebar is Tapped.
Text Display and Processing
Rss Feeds and Feed Control
Stay Tuned for Constant updates as Various News Services are Developed.
News Feed Standard Vertical Canada News
News Feed Standard Vertical Top News Stories
News Feed Standard Vertical Top Business Stories
News Feed Standard Vertical Sports
News Feed Standard Vertical Entertainment
News Feed Standard Vertical Glamour
News Feed Standard Horizontal CBC Top Stories
News Feed Standard Horizontal CBC Arts and Entertainment
News Feed Standard Horizontal CBC Business
News Feed Standard Vertical CBC Business
News Feed Standard Horizontal CBC Canada
News Feed Standard Horizontal CBC Health
News Feed Standard Horizontal CBC Sports
News Feed Standard Horizontal CBC Technology
News Feed Standard Horizontal CBC World
News Feed Description Only the Title is Fixed Horizontal Yogi Berra Quotes
Each Feed Consists of an HTML5 File and an XML Text file.
The HTML5 File Handles Timing and Decoration.
You Easily Modify The HTML5 File To Suit your Needs.
The XML File is the Dynamic Feed Text from Various Feed Suppliers.
You Can also Make you Own Feeds Like the Yogi Quotes.
The Two Files Work Together as Stand Alone Pages or in Iframes.
This is a Working Example of Live Feed TV
Desktops Only for Now. Some Smart TV's are Close but Still not Ready.
Miscellaneous Useful Code
Get Info about Client's Browser
Whale Poster w Audio Green Area Toggles Sound
Test the 3D Orientation of your Mobile
Touch Screen Tester with Canvas Grid and Jquery
Test Mobile Geographic Locator
Display Your Public IP Address Only
Html Element Styles extracted from Chrome Browser
Movie Box Contents Nov 10 2014
A Table of Contents for Mal's Movies
A Text File of Descriptions for the Music Video Section
Google Cloud Settings and Billing Secure
Google Cloud Storage as a Web Page
Google Cloud Storage Rest API Secure
Stock Market Assistants
This One is Regularly Updated.
The Other Watchers are to Demonstrate Code.
Live Dynamic Presentations Streaming
The Various Audio - Video - Image - Feed and Text Processors can be Assembled
into Awesome Streaming and Local Presentations.
Cristal Beer Nina Agdal Presentation
*********************************************************************************************************
We are Updating..... anything below here is not Updated.
*********************************************************************************************************
Hotwheel Call to Action with SVG Fonts(Tests SVG)
Single Video with Controls (Big Hot Wheel Track Tests Mobiles)
Should Work on Weak Smart TV's and Mobiles.
Demonstrates a Real World Mobile Advertising Page.
HotWheels 3 videos timers and controls
Can your Mobile and Connection Play Multiple Videos at once?
Barbie Image Grid (major javascript test)
Single Big Video (Works on Smart TV and Mobiles)
Make a Bell Router into a Simple Modem
Looping Video (Auto Play No Controls)
New Video JS.
Looping Videos of Known Size
and Fixed Position. No Controls.
Browser must Allow Autostart.
Looping Video Fits to the Page (Auto Play No Controls)
New Video JS
Constantly measures the Webpage.
Adjusts the Video and Posters to Always Fit and Center.
Browser must Allow Autostart.
When Streaming you may have 6 Videos Per Page.
Playing Locally 12 Videos Per Page.
Vertical Looping Video that Fits the Page
New Video JS
This Page is for Vertical Content.
Constantly measures the Webpage.
Adjusts the Video and Posters to Always Fit and Center.
Browser must Allow Autostart
Looping Vertical Videos that Fit Page with Larger Poster
This Link Demos how the Video Size Changes with a Larger Poster
When Streaming you may have 6 Videos Per Page.
Playing Locally 12 Videos Per Page.
Looping Vertical Videos that Fit Page for Mobiles
New Video JS
This Page is for Vertical Content for Mobiles.
No Autostart and uses Controls.
Constantly measures the Webpage.
Adjusts the Video and Posters to Always Fit and Center.
New VideoJS with AutoZoom(Great Video)
This large video tests buffering capabilities on mobiles.
A Series of Great Videos
Each on a Slightly Smaller Workspace.
This Demonstrates How Smart TV Magnifies
Elements from 720P to 1080P.
Introducing Adlabs "Faux Full Screen".
Constantly Measures the Window
and Orientation of the Device.
Resizes and Centers images as Needed.
This is an Excellent Way to Display very Large Images.
Old School CSS and Flash (Hi Memory Flash)
Will Force weak systems to Fail.
Streaming Music for Mobiles(Works on Smart TV)
A New Way to Publish Cd's and Playlists on the Web.
Excellent Audio Quality and Dynamic Range will Test Audio Systems.
Three Shaped Videos with Controls(desktops only)
Shaped Videos Looping No Controls (desktops only)
Shaped Looping Video of the Worlds Great Aquariums
Seen Through Giant Blocks of Ice.
Ultimate Single File Push(Tests Javascript and SVG Processing)
This Single Html File is Pure Javascript and SVG.
Content - Animations - and Scaling are Embedded
This Single File is the Ultimate Bluetooth Coupon Push.
Three Hotwheel Videos Author Controlled (Works on Smart TV and Mobiles)
Three Hotwheel Videos User Controlled (Works on Smart TV and Mobiles)
Excellent Way to Display Images Under 1 Meg.
Images/Slideshow Displays on Single Page.
Fast Loading Vertical Videos Tests Controls and Posters
Demonstrates the Various Options for Controls and
Posters. Desktops Only but Easily Modified for Mobiles.