[{"transcript":" Nuxt Image has a first-class integration with Cloudinary which allows us to use Cloudinary's power to format and process our images and combine that with the server-side rendering skills of Nuxt.","confidence":0.8330322580645162,"words":[{"word":"Nuxt","start_time":5.781,"end_time":6.061},{"word":"Image","start_time":6.141,"end_time":6.482},{"word":"has","start_time":6.602,"end_time":6.802},{"word":"a","start_time":6.862,"end_time":6.902},{"word":"first-class","start_time":7.043,"end_time":7.623},{"word":"integration","start_time":7.684,"end_time":8.184},{"word":"with","start_time":8.204,"end_time":8.325},{"word":"Cloudinary","start_time":8.365,"end_time":9.006},{"word":"which","start_time":9.326,"end_time":9.486},{"word":"allows","start_time":9.546,"end_time":10.007},{"word":"us","start_time":10.147,"end_time":10.247},{"word":"to","start_time":10.308,"end_time":10.428},{"word":"use","start_time":10.628,"end_time":10.788},{"word":"Cloudinary's","start_time":10.848,"end_time":11.489},{"word":"power","start_time":11.589,"end_time":12.05},{"word":"to","start_time":12.15,"end_time":12.371},{"word":"format","start_time":12.511,"end_time":13.092},{"word":"and","start_time":13.172,"end_time":13.272},{"word":"process","start_time":13.352,"end_time":13.853},{"word":"our","start_time":13.913,"end_time":14.013},{"word":"images","start_time":14.093,"end_time":14.634},{"word":"and","start_time":14.955,"end_time":15.035},{"word":"combine","start_time":15.075,"end_time":15.596},{"word":"that","start_time":15.636,"end_time":15.836},{"word":"with","start_time":15.936,"end_time":16.096},{"word":"the","start_time":16.176,"end_time":16.277},{"word":"server-side","start_time":16.377,"end_time":17.058},{"word":"rendering","start_time":17.218,"end_time":17.679},{"word":"skills","start_time":17.739,"end_time":18.139},{"word":"of","start_time":18.199,"end_time":18.26},{"word":"Nuxt.","start_time":18.36,"end_time":18.52}],"alternatives":[],"language":"en"},{"transcript":" Nuxt refers to all of these integrations as providers.","confidence":0.7168888888888889,"words":[{"word":"Nuxt","start_time":19.263,"end_time":19.505},{"word":"refers","start_time":19.545,"end_time":19.907},{"word":"to","start_time":19.947,"end_time":20.008},{"word":"all","start_time":20.189,"end_time":20.33},{"word":"of","start_time":20.37,"end_time":20.41},{"word":"these","start_time":20.471,"end_time":20.712},{"word":"integrations","start_time":20.773,"end_time":21.397},{"word":"as","start_time":21.477,"end_time":21.538},{"word":"providers.","start_time":21.598,"end_time":21.9}],"alternatives":[],"language":"en"},{"transcript":" They provide integration between Nuxt Image and the third-party image transformation.","confidence":0.731,"words":[{"word":"They","start_time":22.542,"end_time":22.662},{"word":"provide","start_time":22.682,"end_time":23.004},{"word":"integration","start_time":23.024,"end_time":23.607},{"word":"between","start_time":23.627,"end_time":23.949},{"word":"Nuxt","start_time":24.029,"end_time":24.31},{"word":"Image","start_time":24.371,"end_time":24.692},{"word":"and","start_time":24.732,"end_time":24.813},{"word":"the","start_time":24.853,"end_time":24.953},{"word":"third-party","start_time":25.014,"end_time":25.677},{"word":"image","start_time":25.697,"end_time":25.838},{"word":"transformation.","start_time":25.858,"end_time":26.32}],"alternatives":[],"language":"en"},{"transcript":" Let's see how we can get set up with Cloudinary.","confidence":0.8181,"words":[{"word":"Let's","start_time":27.383,"end_time":27.565},{"word":"see","start_time":27.605,"end_time":27.726},{"word":"how","start_time":27.767,"end_time":27.868},{"word":"we","start_time":27.908,"end_time":27.969},{"word":"can","start_time":28.009,"end_time":28.11},{"word":"get","start_time":28.15,"end_time":28.292},{"word":"set","start_time":28.332,"end_time":28.534},{"word":"up","start_time":28.574,"end_time":28.655},{"word":"with","start_time":28.695,"end_time":28.817},{"word":"Cloudinary.","start_time":28.857,"end_time":29.18}],"alternatives":[],"language":"en"},{"transcript":" The first thing we want to do is we want to install Nuxt Image Edge.","confidence":0.7509333333333333,"words":[{"word":"The","start_time":29.902,"end_time":30.002},{"word":"first","start_time":30.063,"end_time":30.243},{"word":"thing","start_time":30.263,"end_time":30.384},{"word":"we","start_time":30.404,"end_time":30.504},{"word":"want","start_time":30.545,"end_time":30.705},{"word":"to","start_time":30.745,"end_time":31.087},{"word":"do","start_time":31.107,"end_time":31.147},{"word":"is","start_time":31.509,"end_time":31.569},{"word":"we","start_time":31.609,"end_time":31.77},{"word":"want","start_time":31.81,"end_time":31.95},{"word":"to","start_time":31.991,"end_time":32.071},{"word":"install","start_time":32.131,"end_time":32.794},{"word":"Nuxt","start_time":33.156,"end_time":33.537},{"word":"Image","start_time":33.718,"end_time":34.019},{"word":"Edge.","start_time":34.059,"end_time":34.2}],"alternatives":[],"language":"en"},{"transcript":" With that installed, we'll go to our nux.config.ts","confidence":0.8391249999999999,"words":[{"word":"With","start_time":36.122,"end_time":36.283},{"word":"that","start_time":36.303,"end_time":36.484},{"word":"installed,","start_time":36.544,"end_time":37.127},{"word":"we'll","start_time":37.247,"end_time":37.448},{"word":"go","start_time":37.489,"end_time":37.629},{"word":"to","start_time":37.69,"end_time":37.79},{"word":"our","start_time":37.85,"end_time":37.971},{"word":"nux.config.ts","start_time":38.132,"end_time":39.398}],"alternatives":[],"language":"en"},{"transcript":" and there are a few things that we want to add here.","confidence":0.7367499999999999,"words":[{"word":"and","start_time":40.001,"end_time":40.686},{"word":"there","start_time":40.706,"end_time":40.867},{"word":"are","start_time":40.908,"end_time":40.988},{"word":"a","start_time":41.008,"end_time":41.028},{"word":"few","start_time":41.069,"end_time":41.29},{"word":"things","start_time":41.371,"end_time":41.693},{"word":"that","start_time":41.733,"end_time":41.854},{"word":"we","start_time":41.874,"end_time":41.975},{"word":"want","start_time":42.015,"end_time":42.196},{"word":"to","start_time":42.237,"end_time":42.297},{"word":"add","start_time":42.458,"end_time":42.599},{"word":"here.","start_time":42.619,"end_time":42.72}],"alternatives":[],"language":"en"},{"transcript":" First, we want to add the module section.","confidence":0.65825,"words":[{"word":"First,","start_time":43.263,"end_time":43.585},{"word":"we","start_time":43.726,"end_time":43.847},{"word":"want","start_time":43.867,"end_time":44.069},{"word":"to","start_time":44.089,"end_time":44.129},{"word":"add","start_time":44.331,"end_time":44.512},{"word":"the","start_time":44.794,"end_time":44.895},{"word":"module","start_time":44.956,"end_time":45.359},{"word":"section.","start_time":45.379,"end_time":45.52}],"alternatives":[],"language":"en"},{"transcript":" This allows the Image Edge module to be available during build.","confidence":0.8329090909090908,"words":[{"word":"This","start_time":46.182,"end_time":46.383},{"word":"allows","start_time":46.443,"end_time":46.905},{"word":"the","start_time":47.186,"end_time":47.287},{"word":"Image","start_time":47.448,"end_time":47.749},{"word":"Edge","start_time":47.93,"end_time":48.131},{"word":"module","start_time":48.211,"end_time":48.613},{"word":"to","start_time":48.653,"end_time":48.734},{"word":"be","start_time":48.774,"end_time":48.894},{"word":"available","start_time":48.955,"end_time":49.497},{"word":"during","start_time":49.537,"end_time":49.859},{"word":"build.","start_time":49.959,"end_time":50.08}],"alternatives":[],"language":"en"},{"transcript":" We'll also want to add an image section to our config.","confidence":0.7037272727272729,"words":[{"word":"We'll","start_time":50.802,"end_time":51.003},{"word":"also","start_time":51.143,"end_time":51.485},{"word":"want","start_time":51.525,"end_time":51.726},{"word":"to","start_time":51.746,"end_time":51.806},{"word":"add","start_time":51.987,"end_time":52.148},{"word":"an","start_time":52.188,"end_time":52.248},{"word":"image","start_time":52.469,"end_time":52.851},{"word":"section","start_time":53.011,"end_time":53.554},{"word":"to","start_time":53.735,"end_time":54.016},{"word":"our","start_time":54.337,"end_time":54.538},{"word":"config.","start_time":54.759,"end_time":55.02}],"alternatives":[],"language":"en"},{"transcript":" It will have some options that will change depending on the provider.","confidence":0.8285,"words":[{"word":"It","start_time":55.722,"end_time":55.782},{"word":"will","start_time":55.803,"end_time":55.963},{"word":"have","start_time":56.004,"end_time":56.104},{"word":"some","start_time":56.144,"end_time":56.265},{"word":"options","start_time":56.506,"end_time":56.928},{"word":"that","start_time":57.431,"end_time":57.531},{"word":"will","start_time":57.552,"end_time":57.732},{"word":"change","start_time":57.813,"end_time":58.215},{"word":"depending","start_time":58.255,"end_time":58.697},{"word":"on","start_time":58.738,"end_time":58.798},{"word":"the","start_time":58.818,"end_time":58.898},{"word":"provider.","start_time":58.939,"end_time":59.18}],"alternatives":[],"language":"en"},{"transcript":" So let's hop over and see what we need for Cloudinary.","confidence":0.7139090909090909,"words":[{"word":"So","start_time":59.622,"end_time":59.662},{"word":"let's","start_time":59.682,"end_time":59.803},{"word":"hop","start_time":59.844,"end_time":60.085},{"word":"over","start_time":60.186,"end_time":60.388},{"word":"and","start_time":60.529,"end_time":60.63},{"word":"see","start_time":60.69,"end_time":60.852},{"word":"what","start_time":60.892,"end_time":61.013},{"word":"we","start_time":61.033,"end_time":61.134},{"word":"need","start_time":61.174,"end_time":61.335},{"word":"for","start_time":61.356,"end_time":61.476},{"word":"Cloudinary.","start_time":61.537,"end_time":61.92}],"alternatives":[],"language":"en"},{"transcript":" You can see here...","confidence":0.88675,"words":[{"word":"You","start_time":62.445,"end_time":62.526},{"word":"can","start_time":62.547,"end_time":62.689},{"word":"see","start_time":62.75,"end_time":62.974},{"word":"here...","start_time":63.035,"end_time":63.259}],"alternatives":[],"language":"en"},{"transcript":" that we just need the base URL, the base URL and the cloud name.","confidence":0.7654285714285715,"words":[{"word":"that","start_time":63.68,"end_time":63.861},{"word":"we","start_time":63.961,"end_time":64.162},{"word":"just","start_time":64.202,"end_time":64.483},{"word":"need","start_time":64.564,"end_time":64.825},{"word":"the","start_time":64.885,"end_time":64.985},{"word":"base","start_time":65.106,"end_time":65.447},{"word":"URL,","start_time":65.708,"end_time":66.089},{"word":"the","start_time":66.27,"end_time":66.35},{"word":"base","start_time":66.41,"end_time":66.692},{"word":"URL","start_time":66.852,"end_time":67.314},{"word":"and","start_time":67.996,"end_time":68.157},{"word":"the","start_time":68.257,"end_time":68.358},{"word":"cloud","start_time":68.438,"end_time":68.86},{"word":"name.","start_time":68.88,"end_time":68.96}],"alternatives":[],"language":"en"},{"transcript":" Now, my cloud name is KC Cloud.","confidence":0.7251428571428571,"words":[{"word":"Now,","start_time":69.804,"end_time":69.965},{"word":"my","start_time":70.006,"end_time":70.207},{"word":"cloud","start_time":70.247,"end_time":70.529},{"word":"name","start_time":70.57,"end_time":70.832},{"word":"is","start_time":70.952,"end_time":71.053},{"word":"KC","start_time":71.174,"end_time":71.476},{"word":"Cloud.","start_time":71.516,"end_time":71.799}],"alternatives":[],"language":"en"},{"transcript":" With that config, I can now use the Nuxt image component","confidence":0.7512727272727272,"words":[{"word":"With","start_time":72.782,"end_time":72.962},{"word":"that","start_time":73.003,"end_time":73.243},{"word":"config,","start_time":73.344,"end_time":73.986},{"word":"I","start_time":74.488,"end_time":74.569},{"word":"can","start_time":74.629,"end_time":74.769},{"word":"now","start_time":74.83,"end_time":75.111},{"word":"use","start_time":75.532,"end_time":75.833},{"word":"the","start_time":75.854,"end_time":76.335},{"word":"Nuxt","start_time":76.496,"end_time":76.837},{"word":"image","start_time":77.018,"end_time":77.259},{"word":"component","start_time":77.279,"end_time":77.52}],"alternatives":[],"language":"en"},{"transcript":" throughout my application.","confidence":0.7063333333333334,"words":[{"word":"throughout","start_time":78.329,"end_time":78.714},{"word":"my","start_time":78.774,"end_time":78.896},{"word":"application.","start_time":78.956,"end_time":79.28}],"alternatives":[],"language":"en"},{"transcript":" So let's see that in practice.","confidence":0.459,"words":[{"word":"So","start_time":79.925,"end_time":79.966},{"word":"let's","start_time":79.986,"end_time":80.129},{"word":"see","start_time":80.149,"end_time":80.292},{"word":"that","start_time":80.332,"end_time":80.434},{"word":"in","start_time":80.454,"end_time":80.536},{"word":"practice.","start_time":80.576,"end_time":80.76}],"alternatives":[],"language":"en"},{"transcript":" Here's my app.","confidence":0.6263333333333333,"words":[{"word":"Here's","start_time":81.408,"end_time":81.614},{"word":"my","start_time":81.654,"end_time":81.757},{"word":"app.","start_time":81.778,"end_time":81.839}],"alternatives":[],"language":"en"},{"transcript":" Let's get it up and running.","confidence":0.4005,"words":[{"word":"Let's","start_time":82.828,"end_time":82.97},{"word":"get","start_time":83.011,"end_time":83.153},{"word":"it","start_time":83.173,"end_time":83.214},{"word":"up","start_time":83.255,"end_time":83.336},{"word":"and","start_time":83.356,"end_time":83.417},{"word":"running.","start_time":83.438,"end_time":83.58}],"alternatives":[],"language":"en"},{"transcript":" Let's clear up this welcome","confidence":0.5607999999999999,"words":[{"word":"Let's","start_time":84.747,"end_time":84.929},{"word":"clear","start_time":84.99,"end_time":85.213},{"word":"up","start_time":85.254,"end_time":85.355},{"word":"this","start_time":85.375,"end_time":85.517},{"word":"welcome","start_time":85.538,"end_time":85.72}],"alternatives":[],"language":"en"},{"transcript":" and replace it with the Nuxt image component.","confidence":0.7445,"words":[{"word":"and","start_time":86.585,"end_time":86.686},{"word":"replace","start_time":86.706,"end_time":87.249},{"word":"it","start_time":87.31,"end_time":87.37},{"word":"with","start_time":87.43,"end_time":87.632},{"word":"the","start_time":87.692,"end_time":87.793},{"word":"Nuxt","start_time":87.974,"end_time":88.296},{"word":"image","start_time":88.477,"end_time":88.738},{"word":"component.","start_time":88.758,"end_time":89.02}],"alternatives":[],"language":"en"},{"transcript":" Now because Nuxt Image can use a variety of providers we need to tell it to use Cloudinary","confidence":0.7264999999999999,"words":[{"word":"Now","start_time":90.001,"end_time":90.121},{"word":"because","start_time":90.161,"end_time":90.543},{"word":"Nuxt","start_time":90.623,"end_time":90.804},{"word":"Image","start_time":90.864,"end_time":91.125},{"word":"can","start_time":91.186,"end_time":91.326},{"word":"use","start_time":91.427,"end_time":91.547},{"word":"a","start_time":91.607,"end_time":91.668},{"word":"variety","start_time":91.728,"end_time":92.25},{"word":"of","start_time":92.27,"end_time":92.33},{"word":"providers","start_time":92.37,"end_time":92.933},{"word":"we","start_time":93.013,"end_time":93.134},{"word":"need","start_time":93.174,"end_time":93.314},{"word":"to","start_time":93.334,"end_time":93.455},{"word":"tell","start_time":93.515,"end_time":93.736},{"word":"it","start_time":93.776,"end_time":93.877},{"word":"to","start_time":93.897,"end_time":93.937},{"word":"use","start_time":94.057,"end_time":94.198},{"word":"Cloudinary","start_time":94.258,"end_time":94.68}],"alternatives":[],"language":"en"},{"transcript":" and that will reach in and grab that base URL from the config.","confidence":0.8347692307692307,"words":[{"word":"and","start_time":96.002,"end_time":96.082},{"word":"that","start_time":96.102,"end_time":96.203},{"word":"will","start_time":96.243,"end_time":96.424},{"word":"reach","start_time":96.504,"end_time":96.745},{"word":"in","start_time":96.845,"end_time":96.946},{"word":"and","start_time":97.006,"end_time":97.086},{"word":"grab","start_time":97.146,"end_time":97.628},{"word":"that","start_time":97.648,"end_time":97.809},{"word":"base","start_time":97.889,"end_time":98.19},{"word":"URL","start_time":98.35,"end_time":98.732},{"word":"from","start_time":98.772,"end_time":98.912},{"word":"the","start_time":98.933,"end_time":99.013},{"word":"config.","start_time":99.093,"end_time":99.695}],"alternatives":[],"language":"en"},{"transcript":"We also need to give it a source.","confidence":0.6611250000000001,"words":[{"word":"We","start_time":99.756,"end_time":99.876},{"word":"also","start_time":99.976,"end_time":100.217},{"word":"need","start_time":100.237,"end_time":100.398},{"word":"to","start_time":100.418,"end_time":100.458},{"word":"give","start_time":100.478,"end_time":100.598},{"word":"it","start_time":100.639,"end_time":100.679},{"word":"a","start_time":100.699,"end_time":100.719},{"word":"source.","start_time":100.739,"end_time":101.0}],"alternatives":[],"language":"en"},{"transcript":" So let's hop over to my Cloudinary dashboard and grab this picture of this lovely dog.","confidence":0.7574375,"words":[{"word":"So","start_time":101.461,"end_time":101.501},{"word":"let's","start_time":101.541,"end_time":101.661},{"word":"hop","start_time":101.702,"end_time":101.922},{"word":"over","start_time":102.003,"end_time":102.203},{"word":"to","start_time":102.284,"end_time":102.424},{"word":"my","start_time":102.484,"end_time":102.645},{"word":"Cloudinary","start_time":102.745,"end_time":103.448},{"word":"dashboard","start_time":103.528,"end_time":104.09},{"word":"and","start_time":104.732,"end_time":104.833},{"word":"grab","start_time":104.973,"end_time":105.274},{"word":"this","start_time":105.314,"end_time":105.455},{"word":"picture","start_time":105.575,"end_time":106.037},{"word":"of","start_time":106.157,"end_time":106.238},{"word":"this","start_time":106.258,"end_time":106.398},{"word":"lovely","start_time":106.478,"end_time":106.8},{"word":"dog.","start_time":106.84,"end_time":106.94}],"alternatives":[],"language":"en"},{"transcript":" I'm going to right click and copy the URL and I'll paste that into the source.","confidence":0.76525,"words":[{"word":"I'm","start_time":107.481,"end_time":107.582},{"word":"going","start_time":107.602,"end_time":107.722},{"word":"to","start_time":107.762,"end_time":107.822},{"word":"right","start_time":107.963,"end_time":108.184},{"word":"click","start_time":108.244,"end_time":108.565},{"word":"and","start_time":109.248,"end_time":109.408},{"word":"copy","start_time":109.529,"end_time":109.91},{"word":"the","start_time":109.95,"end_time":110.071},{"word":"URL","start_time":110.211,"end_time":110.613},{"word":"and","start_time":111.115,"end_time":111.175},{"word":"I'll","start_time":111.215,"end_time":111.356},{"word":"paste","start_time":111.436,"end_time":111.737},{"word":"that","start_time":111.777,"end_time":111.918},{"word":"into","start_time":111.978,"end_time":112.179},{"word":"the","start_time":112.219,"end_time":112.339},{"word":"source.","start_time":112.359,"end_time":112.48}],"alternatives":[],"language":"en"},{"transcript":" Now if I look at the structure of this URL it has the base URL that I've already included.","confidence":0.7656315789473683,"words":[{"word":"Now","start_time":113.041,"end_time":113.141},{"word":"if","start_time":113.161,"end_time":113.201},{"word":"I","start_time":113.241,"end_time":113.302},{"word":"look","start_time":113.342,"end_time":113.502},{"word":"at","start_time":113.543,"end_time":113.583},{"word":"the","start_time":113.623,"end_time":113.703},{"word":"structure","start_time":113.763,"end_time":114.265},{"word":"of","start_time":114.285,"end_time":114.325},{"word":"this","start_time":114.365,"end_time":114.486},{"word":"URL","start_time":114.666,"end_time":115.068},{"word":"it","start_time":115.449,"end_time":115.509},{"word":"has","start_time":115.67,"end_time":116.031},{"word":"the","start_time":116.091,"end_time":116.212},{"word":"base","start_time":116.272,"end_time":116.593},{"word":"URL","start_time":116.754,"end_time":117.075},{"word":"that","start_time":117.115,"end_time":117.195},{"word":"I've","start_time":117.215,"end_time":117.376},{"word":"already","start_time":117.516,"end_time":117.878},{"word":"included.","start_time":117.898,"end_time":118.44}],"alternatives":[],"language":"en"},{"transcript":" So I'm going to remove everything up to the folder name where my image is stored.","confidence":0.7356250000000001,"words":[{"word":"So","start_time":119.471,"end_time":119.591},{"word":"I'm","start_time":119.632,"end_time":119.692},{"word":"going","start_time":119.712,"end_time":119.872},{"word":"to","start_time":119.893,"end_time":119.953},{"word":"remove","start_time":119.993,"end_time":120.274},{"word":"everything","start_time":120.615,"end_time":121.237},{"word":"up","start_time":122.121,"end_time":122.241},{"word":"to","start_time":122.362,"end_time":122.582},{"word":"the","start_time":122.643,"end_time":122.743},{"word":"folder","start_time":122.863,"end_time":123.285},{"word":"name","start_time":123.325,"end_time":123.546},{"word":"where","start_time":123.666,"end_time":123.827},{"word":"my","start_time":123.847,"end_time":123.988},{"word":"image","start_time":124.028,"end_time":124.289},{"word":"is","start_time":124.349,"end_time":124.429},{"word":"stored.","start_time":124.469,"end_time":124.65}],"alternatives":[],"language":"en"},{"transcript":" And with that my image appears.","confidence":0.7311666666666667,"words":[{"word":"And","start_time":125.952,"end_time":126.052},{"word":"with","start_time":126.072,"end_time":126.173},{"word":"that","start_time":126.193,"end_time":126.434},{"word":"my","start_time":126.494,"end_time":126.614},{"word":"image","start_time":126.715,"end_time":126.975},{"word":"appears.","start_time":127.036,"end_time":127.457}],"alternatives":[],"language":"en"},{"transcript":"Now it could be that this URL was a variable","confidence":0.7796,"words":[{"word":"Now","start_time":127.879,"end_time":128.019},{"word":"it","start_time":128.059,"end_time":128.099},{"word":"could","start_time":128.26,"end_time":128.521},{"word":"be","start_time":128.581,"end_time":128.802},{"word":"that","start_time":128.822,"end_time":129.344},{"word":"this","start_time":129.524,"end_time":129.745},{"word":"URL","start_time":129.986,"end_time":130.447},{"word":"was","start_time":130.588,"end_time":130.769},{"word":"a","start_time":130.809,"end_time":130.849},{"word":"variable","start_time":130.889,"end_time":131.19}],"alternatives":[],"language":"en"},{"transcript":" that we can bind to now.","confidence":0.636,"words":[{"word":"that","start_time":135.358,"end_time":135.499},{"word":"we","start_time":135.58,"end_time":135.701},{"word":"can","start_time":135.741,"end_time":135.923},{"word":"bind","start_time":136.023,"end_time":136.366},{"word":"to","start_time":136.387,"end_time":136.427},{"word":"now.","start_time":136.508,"end_time":136.568}],"alternatives":[],"language":"en"},{"transcript":" So if this wasn't here then that's not going to be present.","confidence":0.7349166666666666,"words":[{"word":"So","start_time":139.692,"end_time":139.792},{"word":"if","start_time":139.812,"end_time":139.852},{"word":"this","start_time":139.872,"end_time":140.013},{"word":"wasn't","start_time":140.093,"end_time":140.414},{"word":"here","start_time":140.454,"end_time":140.796},{"word":"then","start_time":141.056,"end_time":141.217},{"word":"that's","start_time":141.237,"end_time":141.438},{"word":"not","start_time":141.498,"end_time":141.638},{"word":"going","start_time":141.659,"end_time":141.839},{"word":"to","start_time":141.859,"end_time":141.919},{"word":"be","start_time":141.98,"end_time":142.18},{"word":"present.","start_time":142.341,"end_time":142.762}],"alternatives":[],"language":"en"},{"transcript":"Now it is here it's going to work.","confidence":0.516625,"words":[{"word":"Now","start_time":143.204,"end_time":143.344},{"word":"it","start_time":143.425,"end_time":143.505},{"word":"is","start_time":143.605,"end_time":143.726},{"word":"here","start_time":143.786,"end_time":144.087},{"word":"it's","start_time":144.569,"end_time":144.669},{"word":"going","start_time":144.689,"end_time":144.809},{"word":"to","start_time":144.829,"end_time":144.89},{"word":"work.","start_time":144.91,"end_time":144.99}],"alternatives":[],"language":"en"},{"transcript":" So we could be receiving this URL dynamically","confidence":0.781625,"words":[{"word":"So","start_time":146.063,"end_time":146.204},{"word":"we","start_time":146.445,"end_time":146.586},{"word":"could","start_time":146.667,"end_time":146.888},{"word":"be","start_time":146.949,"end_time":147.049},{"word":"receiving","start_time":147.11,"end_time":147.492},{"word":"this","start_time":147.533,"end_time":147.694},{"word":"URL","start_time":147.895,"end_time":148.258},{"word":"dynamically","start_time":148.278,"end_time":148.58}],"alternatives":[],"language":"en"},{"transcript":" from a CMS or some other part of our application.","confidence":0.6301000000000001,"words":[{"word":"from","start_time":149.123,"end_time":149.404},{"word":"a","start_time":149.424,"end_time":149.444},{"word":"CMS","start_time":149.826,"end_time":150.469},{"word":"or","start_time":150.53,"end_time":150.61},{"word":"some","start_time":150.65,"end_time":150.831},{"word":"other","start_time":150.912,"end_time":151.113},{"word":"part","start_time":151.173,"end_time":151.454},{"word":"of","start_time":151.656,"end_time":151.736},{"word":"our","start_time":151.977,"end_time":152.098},{"word":"application.","start_time":152.279,"end_time":152.5}],"alternatives":[],"language":"en"},{"transcript":" Equally, we can be applying all of the transformations","confidence":0.6823333333333332,"words":[{"word":"Equally,","start_time":153.342,"end_time":153.785},{"word":"we","start_time":153.805,"end_time":153.845},{"word":"can","start_time":154.489,"end_time":154.63},{"word":"be","start_time":154.67,"end_time":154.791},{"word":"applying","start_time":154.851,"end_time":155.394},{"word":"all","start_time":155.595,"end_time":155.756},{"word":"of","start_time":155.796,"end_time":155.857},{"word":"the","start_time":155.897,"end_time":155.977},{"word":"transformations","start_time":156.038,"end_time":156.46}],"alternatives":[],"language":"en"},{"transcript":" that we expect from Cloudinary.","confidence":0.7572,"words":[{"word":"that","start_time":156.662,"end_time":157.186},{"word":"we","start_time":157.226,"end_time":157.367},{"word":"expect","start_time":157.448,"end_time":158.073},{"word":"from","start_time":158.254,"end_time":158.496},{"word":"Cloudinary.","start_time":158.617,"end_time":158.98}],"alternatives":[],"language":"en"},{"transcript":" We can make it bigger or smaller.","confidence":0.7735714285714286,"words":[{"word":"We","start_time":159.664,"end_time":159.785},{"word":"can","start_time":159.826,"end_time":160.028},{"word":"make","start_time":160.149,"end_time":160.33},{"word":"it","start_time":160.371,"end_time":160.411},{"word":"bigger","start_time":160.593,"end_time":160.916},{"word":"or","start_time":160.957,"end_time":161.017},{"word":"smaller.","start_time":161.037,"end_time":161.3}],"alternatives":[],"language":"en"},{"transcript":" And we can add modifiers,","confidence":0.7926,"words":[{"word":"And","start_time":164.945,"end_time":165.066},{"word":"we","start_time":165.328,"end_time":165.489},{"word":"can","start_time":165.549,"end_time":165.831},{"word":"add","start_time":166.495,"end_time":166.656},{"word":"modifiers,","start_time":166.777,"end_time":167.26}],"alternatives":[],"language":"en"},{"transcript":" such as giving it round corners","confidence":0.6308333333333332,"words":[{"word":"such","start_time":169.26,"end_time":169.703},{"word":"as","start_time":169.724,"end_time":169.764},{"word":"giving","start_time":169.905,"end_time":170.147},{"word":"it","start_time":170.227,"end_time":170.308},{"word":"round","start_time":171.376,"end_time":171.678},{"word":"corners","start_time":171.759,"end_time":171.96}],"alternatives":[],"language":"en"},{"transcript":" or turning it gray scale.","confidence":0.5569999999999999,"words":[{"word":"or","start_time":173.142,"end_time":173.243},{"word":"turning","start_time":173.325,"end_time":173.65},{"word":"it","start_time":173.691,"end_time":173.752},{"word":"gray","start_time":173.833,"end_time":174.098},{"word":"scale.","start_time":174.118,"end_time":174.22}],"alternatives":[],"language":"en"},{"transcript":" Any of the transformations that we can do with Cloudinary we can apply inside of our Nuxt image.","confidence":0.7829444444444443,"words":[{"word":"Any","start_time":176.912,"end_time":177.092},{"word":"of","start_time":177.132,"end_time":177.192},{"word":"the","start_time":177.233,"end_time":177.333},{"word":"transformations","start_time":177.413,"end_time":178.276},{"word":"that","start_time":178.316,"end_time":178.416},{"word":"we","start_time":178.456,"end_time":178.577},{"word":"can","start_time":178.657,"end_time":179.098},{"word":"do","start_time":179.139,"end_time":179.259},{"word":"with","start_time":179.299,"end_time":179.399},{"word":"Cloudinary","start_time":179.46,"end_time":180.202},{"word":"we","start_time":180.744,"end_time":180.904},{"word":"can","start_time":180.944,"end_time":181.085},{"word":"apply","start_time":181.145,"end_time":181.647},{"word":"inside","start_time":181.827,"end_time":182.168},{"word":"of","start_time":182.188,"end_time":182.228},{"word":"our","start_time":182.289,"end_time":182.389},{"word":"Nuxt","start_time":182.429,"end_time":182.59},{"word":"image.","start_time":182.63,"end_time":182.73}],"alternatives":[],"language":"en"},{"transcript":" The Nuxt image documentation gives ways that we can use Cloudinary's fit values, rotate the image and do all the things that we've looked at here and more.","confidence":0.8340357142857142,"words":[{"word":"The","start_time":183.651,"end_time":183.771},{"word":"Nuxt","start_time":183.871,"end_time":184.132},{"word":"image","start_time":184.352,"end_time":184.653},{"word":"documentation","start_time":184.713,"end_time":185.695},{"word":"gives","start_time":185.915,"end_time":186.195},{"word":"ways","start_time":186.676,"end_time":186.997},{"word":"that","start_time":187.037,"end_time":187.177},{"word":"we","start_time":187.217,"end_time":187.338},{"word":"can","start_time":187.378,"end_time":187.578},{"word":"use","start_time":187.919,"end_time":188.099},{"word":"Cloudinary's","start_time":188.139,"end_time":188.72},{"word":"fit","start_time":188.84,"end_time":189.061},{"word":"values,","start_time":189.121,"end_time":189.722},{"word":"rotate","start_time":189.962,"end_time":190.583},{"word":"the","start_time":190.663,"end_time":190.784},{"word":"image","start_time":190.864,"end_time":191.224},{"word":"and","start_time":191.605,"end_time":191.685},{"word":"do","start_time":191.705,"end_time":191.806},{"word":"all","start_time":191.866,"end_time":192.026},{"word":"the","start_time":192.046,"end_time":192.106},{"word":"things","start_time":192.166,"end_time":192.427},{"word":"that","start_time":192.447,"end_time":192.567},{"word":"we've","start_time":192.587,"end_time":192.747},{"word":"looked","start_time":192.767,"end_time":193.008},{"word":"at","start_time":193.088,"end_time":193.188},{"word":"here","start_time":193.248,"end_time":193.509},{"word":"and","start_time":194.05,"end_time":194.15},{"word":"more.","start_time":194.17,"end_time":194.31}],"alternatives":[],"language":"en"},{"transcript":" To get up and running with Cloudinary and Nuxt we install one module, this Nuxt image edge.","confidence":0.728235294117647,"words":[{"word":"To","start_time":194.851,"end_time":194.952},{"word":"get","start_time":194.992,"end_time":195.152},{"word":"up","start_time":195.193,"end_time":195.273},{"word":"and","start_time":195.333,"end_time":195.393},{"word":"running","start_time":195.453,"end_time":195.694},{"word":"with","start_time":195.775,"end_time":195.955},{"word":"Cloudinary","start_time":196.096,"end_time":196.698},{"word":"and","start_time":196.758,"end_time":196.818},{"word":"Nuxt","start_time":196.879,"end_time":197.14},{"word":"we","start_time":197.2,"end_time":197.32},{"word":"install","start_time":197.381,"end_time":197.762},{"word":"one","start_time":197.963,"end_time":198.103},{"word":"module,","start_time":198.143,"end_time":198.505},{"word":"this","start_time":198.645,"end_time":198.866},{"word":"Nuxt","start_time":199.067,"end_time":199.348},{"word":"image","start_time":199.508,"end_time":199.749},{"word":"edge.","start_time":199.769,"end_time":199.91}],"alternatives":[],"language":"en"},{"transcript":" With that installed we update our config to include that module during build.","confidence":0.8150000000000001,"words":[{"word":"With","start_time":200.672,"end_time":200.813},{"word":"that","start_time":200.833,"end_time":200.993},{"word":"installed","start_time":201.054,"end_time":201.516},{"word":"we","start_time":201.536,"end_time":201.656},{"word":"update","start_time":201.777,"end_time":202.078},{"word":"our","start_time":202.098,"end_time":202.219},{"word":"config","start_time":202.279,"end_time":202.801},{"word":"to","start_time":203.143,"end_time":203.283},{"word":"include","start_time":203.343,"end_time":203.826},{"word":"that","start_time":203.866,"end_time":204.026},{"word":"module","start_time":204.087,"end_time":204.428},{"word":"during","start_time":204.468,"end_time":204.729},{"word":"build.","start_time":204.75,"end_time":204.85}],"alternatives":[],"language":"en"},{"transcript":" And to add to an image object, the Cloudinary base URL, which we changed to represent our own cloud name.","confidence":0.80135,"words":[{"word":"And","start_time":205.901,"end_time":206.042},{"word":"to","start_time":206.162,"end_time":206.262},{"word":"add","start_time":206.503,"end_time":206.703},{"word":"to","start_time":206.844,"end_time":206.984},{"word":"an","start_time":207.024,"end_time":207.064},{"word":"image","start_time":207.305,"end_time":207.646},{"word":"object,","start_time":207.826,"end_time":208.207},{"word":"the","start_time":208.348,"end_time":208.448},{"word":"Cloudinary","start_time":208.528,"end_time":209.27},{"word":"base","start_time":209.37,"end_time":209.812},{"word":"URL,","start_time":209.832,"end_time":210.193},{"word":"which","start_time":210.574,"end_time":210.734},{"word":"we","start_time":210.814,"end_time":210.975},{"word":"changed","start_time":211.035,"end_time":211.396},{"word":"to","start_time":211.416,"end_time":211.476},{"word":"represent","start_time":211.556,"end_time":211.977},{"word":"our","start_time":212.038,"end_time":212.138},{"word":"own","start_time":212.258,"end_time":212.439},{"word":"cloud","start_time":212.519,"end_time":212.84},{"word":"name.","start_time":212.86,"end_time":212.96}],"alternatives":[],"language":"en"},{"transcript":" We can find our cloud name on our Cloudinary dashboard down here.","confidence":0.6993333333333335,"words":[{"word":"We","start_time":213.823,"end_time":213.943},{"word":"can","start_time":213.963,"end_time":214.104},{"word":"find","start_time":214.184,"end_time":214.486},{"word":"our","start_time":214.526,"end_time":214.626},{"word":"cloud","start_time":214.707,"end_time":215.068},{"word":"name","start_time":215.129,"end_time":215.37},{"word":"on","start_time":215.39,"end_time":215.45},{"word":"our","start_time":215.47,"end_time":215.591},{"word":"Cloudinary","start_time":215.631,"end_time":216.053},{"word":"dashboard","start_time":216.113,"end_time":216.696},{"word":"down","start_time":216.716,"end_time":217.439},{"word":"here.","start_time":217.459,"end_time":217.58}],"alternatives":[],"language":"en"},{"transcript":" With that config, we can now use this Nuxt image component throughout our application, provide it a property of the provider, add the source URL and any modifiers or specifications we would like to customize our asset within our Nuxt application.","confidence":0.800268292682927,"words":[{"word":"With","start_time":218.761,"end_time":218.921},{"word":"that","start_time":218.981,"end_time":219.161},{"word":"config,","start_time":219.241,"end_time":219.762},{"word":"we","start_time":220.022,"end_time":220.122},{"word":"can","start_time":220.163,"end_time":220.303},{"word":"now","start_time":220.343,"end_time":220.523},{"word":"use","start_time":220.843,"end_time":221.064},{"word":"this","start_time":221.144,"end_time":221.364},{"word":"Nuxt","start_time":221.584,"end_time":221.865},{"word":"image","start_time":221.985,"end_time":222.245},{"word":"component","start_time":222.285,"end_time":222.806},{"word":"throughout","start_time":222.826,"end_time":223.226},{"word":"our","start_time":223.266,"end_time":223.366},{"word":"application,","start_time":223.407,"end_time":224.067},{"word":"provide","start_time":224.388,"end_time":224.788},{"word":"it","start_time":224.808,"end_time":224.848},{"word":"a","start_time":224.868,"end_time":224.908},{"word":"property","start_time":224.968,"end_time":225.429},{"word":"of","start_time":225.629,"end_time":225.729},{"word":"the","start_time":225.789,"end_time":225.89},{"word":"provider,","start_time":225.93,"end_time":226.45},{"word":"add","start_time":226.911,"end_time":227.051},{"word":"the","start_time":227.091,"end_time":227.191},{"word":"source","start_time":227.251,"end_time":227.592},{"word":"URL","start_time":227.792,"end_time":228.172},{"word":"and","start_time":228.533,"end_time":228.613},{"word":"any","start_time":228.773,"end_time":228.953},{"word":"modifiers","start_time":229.033,"end_time":229.854},{"word":"or","start_time":230.095,"end_time":230.255},{"word":"specifications","start_time":230.395,"end_time":231.316},{"word":"we","start_time":231.356,"end_time":231.456},{"word":"would","start_time":231.497,"end_time":231.657},{"word":"like","start_time":231.717,"end_time":231.917},{"word":"to","start_time":232.017,"end_time":232.117},{"word":"customize","start_time":232.177,"end_time":232.678},{"word":"our","start_time":232.718,"end_time":232.798},{"word":"asset","start_time":232.878,"end_time":233.219},{"word":"within","start_time":233.379,"end_time":233.619},{"word":"our","start_time":233.659,"end_time":233.759},{"word":"Nuxt","start_time":233.819,"end_time":234.0},{"word":"application.","start_time":234.02,"end_time":234.28}],"alternatives":[],"language":"en"}]