AngularNYC - Cloudinary + Angular - Prosper Otemuyiwa (@unicodeveloper)
The web's ubiquity is making it possible to distribute engaging media experiences to users around the world. In this talk, Prosper will show the audience how to leverage different techniques to serve images and videos with optimal performance with Angular.
Furthermore, he'll talk about the integration of the best of breed APIs such as Google Vision, AWS Recognition and Cloudinary to make rich media smart & faster.
CONTENTS
0:07 - Intro
2:38 - User Experiences Across the World with Media on the Web
5:33 - Slow connection issue
7:13 - Rich Media
8:57 - Anatomy of Rich Media Experience
9:20 - Case studies
11:07 - Making Rich Media smart and fast
11:17 - Recommended video players
13:13 - Fast playback with adaptive bitrate streaming
14:06 - Fast playback: Video preload
15:33 - Fast playback: Link preload
17:11 - Smart Video Preload: User’s battery level
18:18 - Smart Video Preload: Network type
19:06 - Smart Video Preload: Device free space
20:28 - Great UX: Screen Orientation API
21:26 - Great UX: Background Playback & Page Visibility
22:19 - Intersection Observer API
23:37 - Media Session API
25:21 - Image & Video Transformations
25:21 - Transformations: Custom shapes cropping
26:58 - Transformations: Use images as text textures
27:47 - Transformations: Generate a profile completeness meter
29:07 - Transformations: Color a picture
29:28 - Transformations: Concatenate video with images
30:06 - Transformations: Generating video thumbnails
30:18 - Transformations: Generating Animated GIFs
30:22 - Transformations: Face detection & overlay (https://cloudydesk.com/face)
31:23 - Transformations: reference project https://github.com/cloudinary/cloudin...
31:35 - Delivering high quality media assets
31:36 - Fast Delivery
32:01 - Offline https://workboxjs.org
32:47 - Background sync
33:50 - Background fetch http://bit.ly/2zf2EvQ
34:45 - Rich Media Experience Demo https://biograf-155113.appspot.com
35:30 - Questions
RESOURCES
Slides
https://speakerdeck.com/unicodevelope...
Watch video AngularNYC - Cloudinary + Angular - Prosper Otemuyiwa (@unicodeveloper) online without registration, duration hours minute second in high quality. This video was added by user AngularNYC 22 November 2017, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,159 once and liked it 10 people.