ember-connection-aware-media
This addon gives you a component "ca-media" which is a network connection-aware component by making use of the latest Network Information API provided by the browser. At present, Chrome is the only browser that supports this api.
Based on the effective connection type, this component serves different media resources like below:
- 2g => low resolution images
- 3g => high resolution images
- 4g => video
- offline => Placeholder content
There is also a blog post here defining how the component is created from scratch and how it works.
Demo
Please find the demo for this addon here which works only in Chrome.
Usage
To render the component in your templates,
{{ca-media highResImage=highResImage lowResImage=lowResImage oggVideo=oggVideo webmVideo=webmVideo alt="Tomster The Ember Mascot" autoUpdate=true}}
To provide different media sources to the component either using a parent component, route or a controller.
; ;
Installation
ember install ember-connection-aware-media
Running
ember serve
- Visit your app at http://localhost:4200.
Running Tests
npm test
(Runsember try:each
to test your addon against multiple Ember versions)ember test
ember test --server
Building
ember build
For more information on using ember-cli, visit https://ember-cli.com/.