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...
Смотрите видео AngularNYC - Cloudinary + Angular - Prosper Otemuyiwa (@unicodeveloper) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь AngularNYC 22 Ноябрь 2017, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,159 раз и оно понравилось 10 людям.