Hacking Cloudinary APIs and ADD-ons

Hacking Cloudinary APIs and ADD-ons

A brief introduction to using Cloudinary APIs in handling Media resources

F51de5c2338c052872065d71e6f677b3?s=128

Obinna Ekwuno

July 29, 2019
Tweet

Transcript

  1. 2.

    HELLO! I am Obinna Ekwuno Media Developer Expert @ Cloudinary

    Technical Writer @ Scotch.io & LogRocket @obinnaspeaks 2
  2. 3.

    TALK GOALS ◎ Understand what Cloudinary does. ◎ Teach how

    Image manipulations use Transformations ◎ Basic understanding of Add-ons ◎ Learn to deliver Images like a Pro 3
  3. 9.
  4. 10.
  5. 14.

    14

  6. 17.

    17

  7. 18.

    18

  8. 21.

    21

  9. 22.

    22

  10. 25.
  11. 26.

    26 URL SDK symbol Description eq = Equal to ne

    != Not equal to lt < Less than gt > Greater than lte <= Less than or equal to gte >= Greater than or equal to in|nin in|nin Included in | Not included in Compares a set of strings against the tags characteristic or against another set of strings.
  12. 27.
  13. 35.
  14. 37.

    Steps ◎ Install Cloudinary to your project (Include in script

    tag in index.html) ◎ Set Image tag parameter (data-src = Image URL ) - w_auto & c_scale ◎ Add cld-responsive class to image tag 37
  15. 38.

    38

  16. 39.

    39

  17. 43.
  18. 44.

    Category Objects person person vehicle bicycle, car, motorbike, airplane, bus,

    train, truck, boat outdoor traffic_light, stop_sign, parking_meter, fire_hydrant, bench animal bird, cat, dog, horse, sheep, cow, elephant, bear, zebra, giraffe accessory backpack, umbrella, handbag, tie, suitcase sports frisbee, skis, snowboard, sports_ball, kite, baseball_bat, baseball_glove, skateboard, surfboard, tennis_racket kitchen bottle, wine_glass, cup, fork, knife, spoon, bowl food banana, apple, sandwich, orange, broccoli, carrot, hotdog, pizza, donut, cake chair, sofa, pottedplant, bed,
  19. 45.

    45

  20. 47.

    Summary Bring your images and videos to Cloudinary and we

    will give you the best quality with no increase in size or decrease in performance 47