[{"transcript":" With the Cloudinary Vanilla JavaScript Client SDK, you can conveniently access, transform,","confidence":0.8105833333333332,"words":[{"word":"With","start_time":0.12,"end_time":0.321},{"word":"the","start_time":0.361,"end_time":0.421},{"word":"Cloudinary","start_time":0.502,"end_time":1.144},{"word":"Vanilla","start_time":1.184,"end_time":1.545},{"word":"JavaScript","start_time":1.605,"end_time":2.067},{"word":"Client","start_time":2.127,"end_time":2.488},{"word":"SDK,","start_time":2.669,"end_time":3.231},{"word":"you","start_time":3.472,"end_time":3.612},{"word":"can","start_time":3.652,"end_time":3.813},{"word":"conveniently","start_time":3.893,"end_time":4.616},{"word":"access,","start_time":4.877,"end_time":5.298},{"word":"transform,","start_time":5.559,"end_time":5.86}],"alternatives":[],"language":"en"},{"transcript":" and optimize your media assets directly in your SvelteKit application.","confidence":0.7992,"words":[{"word":"and","start_time":6.381,"end_time":6.461},{"word":"optimize","start_time":6.662,"end_time":7.225},{"word":"your","start_time":7.365,"end_time":7.526},{"word":"media","start_time":7.566,"end_time":7.928},{"word":"assets","start_time":8.109,"end_time":8.45},{"word":"directly","start_time":8.972,"end_time":9.475},{"word":"in","start_time":9.595,"end_time":9.675},{"word":"your","start_time":9.716,"end_time":9.916},{"word":"SvelteKit","start_time":9.957,"end_time":10.419},{"word":"application.","start_time":10.439,"end_time":10.74}],"alternatives":[],"language":"en"},{"transcript":" To get started, you first need to install the corresponding dependency,","confidence":0.7929090909090907,"words":[{"word":"To","start_time":13.781,"end_time":13.881},{"word":"get","start_time":13.922,"end_time":14.022},{"word":"started,","start_time":14.123,"end_time":14.484},{"word":"you","start_time":14.685,"end_time":14.826},{"word":"first","start_time":14.886,"end_time":15.188},{"word":"need","start_time":15.288,"end_time":15.51},{"word":"to","start_time":15.69,"end_time":15.791},{"word":"install","start_time":15.831,"end_time":16.293},{"word":"the","start_time":16.474,"end_time":16.736},{"word":"corresponding","start_time":16.796,"end_time":17.359},{"word":"dependency,","start_time":17.379,"end_time":17.58}],"alternatives":[],"language":"en"},{"transcript":" in this case, Cloudinary slash urlgen.","confidence":0.7593333333333333,"words":[{"word":"in","start_time":18.081,"end_time":18.141},{"word":"this","start_time":18.162,"end_time":18.282},{"word":"case,","start_time":18.363,"end_time":18.625},{"word":"Cloudinary","start_time":18.967,"end_time":19.612},{"word":"slash","start_time":19.753,"end_time":20.116},{"word":"urlgen.","start_time":20.337,"end_time":20.619}],"alternatives":[],"language":"en"},{"transcript":" With that done, let's run the SvelteKit application.","confidence":0.545875,"words":[{"word":"With","start_time":21.121,"end_time":21.262},{"word":"that","start_time":21.283,"end_time":21.444},{"word":"done,","start_time":21.484,"end_time":21.686},{"word":"let's","start_time":21.707,"end_time":21.868},{"word":"run","start_time":21.909,"end_time":22.05},{"word":"the","start_time":22.07,"end_time":22.151},{"word":"SvelteKit","start_time":22.171,"end_time":22.636},{"word":"application.","start_time":22.656,"end_time":23.08}],"alternatives":[],"language":"en"},{"transcript":" This is a sample application that you can see is showing nothing for now.","confidence":0.8205,"words":[{"word":"This","start_time":23.761,"end_time":23.901},{"word":"is","start_time":23.962,"end_time":24.042},{"word":"a","start_time":24.122,"end_time":24.223},{"word":"sample","start_time":24.384,"end_time":24.685},{"word":"application","start_time":24.745,"end_time":25.227},{"word":"that","start_time":25.248,"end_time":25.388},{"word":"you","start_time":25.469,"end_time":25.609},{"word":"can","start_time":25.69,"end_time":25.891},{"word":"see","start_time":25.991,"end_time":26.272},{"word":"is","start_time":26.594,"end_time":26.694},{"word":"showing","start_time":26.815,"end_time":27.156},{"word":"nothing","start_time":27.277,"end_time":27.598},{"word":"for","start_time":27.779,"end_time":27.88},{"word":"now.","start_time":27.92,"end_time":27.98}],"alternatives":[],"language":"en"},{"transcript":" Now let's jump to the SvelteKit page and import the Cloudinary package.","confidence":0.7795,"words":[{"word":"Now","start_time":28.321,"end_time":28.482},{"word":"let's","start_time":28.542,"end_time":28.743},{"word":"jump","start_time":28.803,"end_time":29.085},{"word":"to","start_time":29.185,"end_time":29.306},{"word":"the","start_time":29.326,"end_time":29.426},{"word":"SvelteKit","start_time":29.446,"end_time":29.828},{"word":"page","start_time":29.889,"end_time":30.21},{"word":"and","start_time":30.532,"end_time":30.632},{"word":"import","start_time":30.893,"end_time":31.255},{"word":"the","start_time":31.436,"end_time":31.536},{"word":"Cloudinary","start_time":31.557,"end_time":32.119},{"word":"package.","start_time":32.139,"end_time":32.28}],"alternatives":[],"language":"en"},{"transcript":" This will allow you to configure Cloudinary by passing the corresponding cloud name,","confidence":0.802153846153846,"words":[{"word":"This","start_time":33.061,"end_time":33.282},{"word":"will","start_time":33.363,"end_time":33.543},{"word":"allow","start_time":33.583,"end_time":33.824},{"word":"you","start_time":33.865,"end_time":33.985},{"word":"to","start_time":34.065,"end_time":34.226},{"word":"configure","start_time":34.306,"end_time":34.969},{"word":"Cloudinary","start_time":35.09,"end_time":35.632},{"word":"by","start_time":35.692,"end_time":35.833},{"word":"passing","start_time":35.933,"end_time":36.315},{"word":"the","start_time":36.335,"end_time":36.435},{"word":"corresponding","start_time":36.455,"end_time":37.138},{"word":"cloud","start_time":37.258,"end_time":37.54},{"word":"name,","start_time":37.56,"end_time":37.66}],"alternatives":[],"language":"en"},{"transcript":" which you can get from your Cloudinary dashboard page.","confidence":0.7562222222222221,"words":[{"word":"which","start_time":38.223,"end_time":38.424},{"word":"you","start_time":38.766,"end_time":38.886},{"word":"can","start_time":38.906,"end_time":39.088},{"word":"get","start_time":39.148,"end_time":39.309},{"word":"from","start_time":39.369,"end_time":39.55},{"word":"your","start_time":39.631,"end_time":39.832},{"word":"Cloudinary","start_time":40.033,"end_time":40.657},{"word":"dashboard","start_time":40.717,"end_time":41.159},{"word":"page.","start_time":41.18,"end_time":41.26}],"alternatives":[],"language":"en"},{"transcript":" This configuration will create an object that allows you to access the different","confidence":0.8263076923076924,"words":[{"word":"This","start_time":41.902,"end_time":42.042},{"word":"configuration","start_time":42.082,"end_time":42.705},{"word":"will","start_time":42.745,"end_time":42.926},{"word":"create","start_time":42.986,"end_time":43.368},{"word":"an","start_time":43.509,"end_time":43.569},{"word":"object","start_time":43.69,"end_time":43.991},{"word":"that","start_time":44.232,"end_time":44.393},{"word":"allows","start_time":44.513,"end_time":44.835},{"word":"you","start_time":44.895,"end_time":45.056},{"word":"to","start_time":45.116,"end_time":45.257},{"word":"access","start_time":45.457,"end_time":45.739},{"word":"the","start_time":45.779,"end_time":45.839},{"word":"different","start_time":45.859,"end_time":46.04}],"alternatives":[],"language":"en"},{"transcript":" methods from the library.","confidence":0.63525,"words":[{"word":"methods","start_time":46.304,"end_time":46.69},{"word":"from","start_time":46.833,"end_time":47.015},{"word":"the","start_time":47.056,"end_time":47.117},{"word":"library.","start_time":47.137,"end_time":47.3}],"alternatives":[],"language":"en"},{"transcript":" Now let's add an image.","confidence":0.7081999999999999,"words":[{"word":"Now","start_time":47.924,"end_time":48.107},{"word":"let's","start_time":48.248,"end_time":48.512},{"word":"add","start_time":48.714,"end_time":48.856},{"word":"an","start_time":48.977,"end_time":49.038},{"word":"image.","start_time":49.099,"end_time":49.2}],"alternatives":[],"language":"en"},{"transcript":" create a variable to hold the image reference for this you'll use the image method that receives","confidence":0.7553529411764704,"words":[{"word":"create","start_time":49.8,"end_time":50.122},{"word":"a","start_time":50.142,"end_time":50.162},{"word":"variable","start_time":50.182,"end_time":50.603},{"word":"to","start_time":50.684,"end_time":50.824},{"word":"hold","start_time":50.924,"end_time":51.145},{"word":"the","start_time":51.185,"end_time":51.266},{"word":"image","start_time":51.386,"end_time":51.667},{"word":"reference","start_time":51.788,"end_time":52.229},{"word":"for","start_time":52.35,"end_time":52.47},{"word":"this","start_time":52.51,"end_time":52.691},{"word":"you'll","start_time":52.851,"end_time":53.132},{"word":"use","start_time":53.273,"end_time":53.433},{"word":"the","start_time":53.454,"end_time":53.574},{"word":"image","start_time":53.755,"end_time":54.056},{"word":"method","start_time":54.096,"end_time":54.397},{"word":"that","start_time":54.818,"end_time":54.999},{"word":"receives","start_time":55.039,"end_time":55.28}],"alternatives":[],"language":"en"},{"transcript":" an string that represents the identifier of an image inside your media library in this case","confidence":0.8390625,"words":[{"word":"an","start_time":55.621,"end_time":55.701},{"word":"string","start_time":55.821,"end_time":56.202},{"word":"that","start_time":56.483,"end_time":56.644},{"word":"represents","start_time":56.744,"end_time":57.386},{"word":"the","start_time":57.807,"end_time":58.027},{"word":"identifier","start_time":58.529,"end_time":59.311},{"word":"of","start_time":59.511,"end_time":59.592},{"word":"an","start_time":59.912,"end_time":59.973},{"word":"image","start_time":60.033,"end_time":60.293},{"word":"inside","start_time":60.574,"end_time":60.955},{"word":"your","start_time":60.995,"end_time":61.236},{"word":"media","start_time":61.416,"end_time":61.677},{"word":"library","start_time":61.697,"end_time":62.078},{"word":"in","start_time":62.299,"end_time":62.359},{"word":"this","start_time":62.399,"end_time":62.519},{"word":"case","start_time":62.6,"end_time":62.74}],"alternatives":[],"language":"en"},{"transcript":" this sneaker image represented by the cld sample 5 string now let's pipe some formatting functions","confidence":0.6955625,"words":[{"word":"this","start_time":63.161,"end_time":63.362},{"word":"sneaker","start_time":63.482,"end_time":63.843},{"word":"image","start_time":64.003,"end_time":64.324},{"word":"represented","start_time":64.605,"end_time":65.146},{"word":"by","start_time":65.247,"end_time":65.447},{"word":"the","start_time":65.507,"end_time":65.587},{"word":"cld","start_time":65.668,"end_time":66.309},{"word":"sample","start_time":66.369,"end_time":66.73},{"word":"5","start_time":67.212,"end_time":67.232},{"word":"string","start_time":67.312,"end_time":67.613},{"word":"now","start_time":67.753,"end_time":67.954},{"word":"let's","start_time":68.114,"end_time":68.355},{"word":"pipe","start_time":68.615,"end_time":68.976},{"word":"some","start_time":69.197,"end_time":69.498},{"word":"formatting","start_time":69.678,"end_time":69.959},{"word":"functions","start_time":69.979,"end_time":70.219}],"alternatives":[],"language":"en"},{"transcript":" like format auto and quality auto that will set how this image will be retrieved from cloudinary","confidence":0.8296470588235294,"words":[{"word":"like","start_time":70.781,"end_time":70.941},{"word":"format","start_time":71.041,"end_time":71.503},{"word":"auto","start_time":71.924,"end_time":72.184},{"word":"and","start_time":72.645,"end_time":72.746},{"word":"quality","start_time":72.866,"end_time":73.367},{"word":"auto","start_time":73.688,"end_time":73.888},{"word":"that","start_time":74.55,"end_time":74.831},{"word":"will","start_time":75.011,"end_time":75.272},{"word":"set","start_time":75.392,"end_time":75.633},{"word":"how","start_time":76.034,"end_time":76.274},{"word":"this","start_time":76.354,"end_time":76.555},{"word":"image","start_time":76.715,"end_time":76.956},{"word":"will","start_time":76.996,"end_time":77.196},{"word":"be","start_time":77.236,"end_time":77.497},{"word":"retrieved","start_time":77.557,"end_time":78.078},{"word":"from","start_time":78.119,"end_time":78.339},{"word":"cloudinary","start_time":78.419,"end_time":78.7}],"alternatives":[],"language":"en"},{"transcript":" finally let's show the image just by using a simple image tag here where the source will be","confidence":0.8018333333333334,"words":[{"word":"finally","start_time":79.2,"end_time":79.622},{"word":"let's","start_time":79.762,"end_time":80.003},{"word":"show","start_time":80.063,"end_time":80.324},{"word":"the","start_time":80.404,"end_time":80.484},{"word":"image","start_time":80.625,"end_time":80.886},{"word":"just","start_time":81.086,"end_time":81.287},{"word":"by","start_time":81.327,"end_time":81.428},{"word":"using","start_time":81.528,"end_time":81.749},{"word":"a","start_time":81.789,"end_time":81.829},{"word":"simple","start_time":81.889,"end_time":82.25},{"word":"image","start_time":82.531,"end_time":82.772},{"word":"tag","start_time":82.892,"end_time":83.173},{"word":"here","start_time":83.474,"end_time":83.755},{"word":"where","start_time":84.116,"end_time":84.337},{"word":"the","start_time":84.377,"end_time":84.477},{"word":"source","start_time":84.578,"end_time":84.879},{"word":"will","start_time":84.979,"end_time":85.16},{"word":"be","start_time":85.18,"end_time":85.22}],"alternatives":[],"language":"en"},{"transcript":" my image dot to url this method will get the corresponding cloudinary url to be used inside","confidence":0.7470588235294119,"words":[{"word":"my","start_time":85.601,"end_time":85.822},{"word":"image","start_time":86.002,"end_time":86.323},{"word":"dot","start_time":86.684,"end_time":86.985},{"word":"to","start_time":87.486,"end_time":87.747},{"word":"url","start_time":87.927,"end_time":88.369},{"word":"this","start_time":88.689,"end_time":88.85},{"word":"method","start_time":88.91,"end_time":89.151},{"word":"will","start_time":89.191,"end_time":89.411},{"word":"get","start_time":89.492,"end_time":89.712},{"word":"the","start_time":89.933,"end_time":90.033},{"word":"corresponding","start_time":90.053,"end_time":90.635},{"word":"cloudinary","start_time":90.695,"end_time":91.236},{"word":"url","start_time":91.357,"end_time":91.718},{"word":"to","start_time":92.019,"end_time":92.139},{"word":"be","start_time":92.179,"end_time":92.239},{"word":"used","start_time":92.259,"end_time":92.339},{"word":"inside","start_time":92.359,"end_time":92.54}],"alternatives":[],"language":"en"},{"transcript":" your image tag and you can see the image rendered here let's check the url generated and you can see","confidence":0.8045500000000001,"words":[{"word":"your","start_time":93.021,"end_time":93.142},{"word":"image","start_time":93.202,"end_time":93.382},{"word":"tag","start_time":93.442,"end_time":93.703},{"word":"and","start_time":94.064,"end_time":94.164},{"word":"you","start_time":94.184,"end_time":94.285},{"word":"can","start_time":94.325,"end_time":94.465},{"word":"see","start_time":94.525,"end_time":94.726},{"word":"the","start_time":94.766,"end_time":94.866},{"word":"image","start_time":94.967,"end_time":95.247},{"word":"rendered","start_time":95.428,"end_time":95.849},{"word":"here","start_time":95.969,"end_time":96.23},{"word":"let's","start_time":96.511,"end_time":96.732},{"word":"check","start_time":96.892,"end_time":97.153},{"word":"the","start_time":97.333,"end_time":97.514},{"word":"url","start_time":97.714,"end_time":98.095},{"word":"generated","start_time":98.135,"end_time":98.677},{"word":"and","start_time":98.958,"end_time":99.098},{"word":"you","start_time":99.218,"end_time":99.359},{"word":"can","start_time":99.399,"end_time":99.559},{"word":"see","start_time":99.579,"end_time":99.78}],"alternatives":[],"language":"en"},{"transcript":" that is the cloudinary url with the format auto and quality auto qualifiers in summary","confidence":0.8124666666666666,"words":[{"word":"that","start_time":100.141,"end_time":100.482},{"word":"is","start_time":100.642,"end_time":100.722},{"word":"the","start_time":100.783,"end_time":100.883},{"word":"cloudinary","start_time":100.943,"end_time":101.685},{"word":"url","start_time":101.946,"end_time":102.307},{"word":"with","start_time":102.688,"end_time":102.888},{"word":"the","start_time":102.968,"end_time":103.169},{"word":"format","start_time":103.57,"end_time":103.951},{"word":"auto","start_time":104.131,"end_time":104.512},{"word":"and","start_time":104.673,"end_time":104.773},{"word":"quality","start_time":104.853,"end_time":105.334},{"word":"auto","start_time":105.675,"end_time":105.956},{"word":"qualifiers","start_time":106.137,"end_time":106.758},{"word":"in","start_time":107.179,"end_time":107.259},{"word":"summary","start_time":107.32,"end_time":107.46}],"alternatives":[],"language":"en"},{"transcript":" To get the Cloudinary client SDK working inside your SvelteKit application,","confidence":0.7977272727272726,"words":[{"word":"To","start_time":108.121,"end_time":108.321},{"word":"get","start_time":108.442,"end_time":108.663},{"word":"the","start_time":108.823,"end_time":108.924},{"word":"Cloudinary","start_time":108.984,"end_time":109.667},{"word":"client","start_time":109.767,"end_time":110.129},{"word":"SDK","start_time":110.309,"end_time":110.811},{"word":"working","start_time":110.872,"end_time":111.293},{"word":"inside","start_time":111.414,"end_time":111.836},{"word":"your","start_time":111.876,"end_time":112.077},{"word":"SvelteKit","start_time":112.097,"end_time":112.558},{"word":"application,","start_time":112.599,"end_time":112.94}],"alternatives":[],"language":"en"},{"transcript":" you just need to install the package, import the Cloudinary object inside the page,","confidence":0.7790714285714285,"words":[{"word":"you","start_time":113.802,"end_time":113.882},{"word":"just","start_time":113.902,"end_time":114.063},{"word":"need","start_time":114.103,"end_time":114.284},{"word":"to","start_time":114.304,"end_time":114.384},{"word":"install","start_time":114.444,"end_time":114.725},{"word":"the","start_time":114.766,"end_time":114.866},{"word":"package,","start_time":114.906,"end_time":115.328},{"word":"import","start_time":115.87,"end_time":116.271},{"word":"the","start_time":116.512,"end_time":116.612},{"word":"Cloudinary","start_time":116.652,"end_time":117.215},{"word":"object","start_time":117.435,"end_time":117.777},{"word":"inside","start_time":117.957,"end_time":118.399},{"word":"the","start_time":118.439,"end_time":118.539},{"word":"page,","start_time":118.579,"end_time":118.72}],"alternatives":[],"language":"en"},{"transcript":" configure it with the corresponding cloud name, and then, by using the image method,","confidence":0.7551428571428572,"words":[{"word":"configure","start_time":119.081,"end_time":119.623},{"word":"it","start_time":119.643,"end_time":119.743},{"word":"with","start_time":119.804,"end_time":119.904},{"word":"the","start_time":119.944,"end_time":120.025},{"word":"corresponding","start_time":120.045,"end_time":120.748},{"word":"cloud","start_time":120.868,"end_time":121.169},{"word":"name,","start_time":121.19,"end_time":121.39},{"word":"and","start_time":121.772,"end_time":121.892},{"word":"then,","start_time":121.953,"end_time":122.174},{"word":"by","start_time":122.395,"end_time":122.515},{"word":"using","start_time":122.616,"end_time":122.857},{"word":"the","start_time":122.877,"end_time":123.037},{"word":"image","start_time":123.238,"end_time":123.519},{"word":"method,","start_time":123.539,"end_time":123.68}],"alternatives":[],"language":"en"},{"transcript":" you can reference images inside your media library, to finally render them inside your page,","confidence":0.8497999999999999,"words":[{"word":"you","start_time":124.121,"end_time":124.241},{"word":"can","start_time":124.261,"end_time":124.402},{"word":"reference","start_time":124.462,"end_time":124.904},{"word":"images","start_time":125.044,"end_time":125.405},{"word":"inside","start_time":125.506,"end_time":125.847},{"word":"your","start_time":125.887,"end_time":126.048},{"word":"media","start_time":126.128,"end_time":126.369},{"word":"library,","start_time":126.409,"end_time":126.79},{"word":"to","start_time":127.172,"end_time":127.272},{"word":"finally","start_time":127.332,"end_time":127.714},{"word":"render","start_time":127.934,"end_time":128.215},{"word":"them","start_time":128.276,"end_time":128.456},{"word":"inside","start_time":128.637,"end_time":129.078},{"word":"your","start_time":129.159,"end_time":129.319},{"word":"page,","start_time":129.38,"end_time":129.5}],"alternatives":[],"language":"en"},{"transcript":" by just using the toUrl method on the image.","confidence":0.7887777777777777,"words":[{"word":"by","start_time":130.022,"end_time":130.223},{"word":"just","start_time":130.364,"end_time":130.605},{"word":"using","start_time":130.745,"end_time":131.027},{"word":"the","start_time":131.067,"end_time":131.248},{"word":"toUrl","start_time":131.409,"end_time":132.333},{"word":"method","start_time":132.795,"end_time":133.157},{"word":"on","start_time":133.378,"end_time":133.459},{"word":"the","start_time":133.499,"end_time":133.579},{"word":"image.","start_time":133.599,"end_time":133.72}],"alternatives":[],"language":"en"}]