[{"transcript":" Hello, my name is Raya, and today I'm going to present to you a new and exciting feature we added to Cloudinary's client-side SDKs we call the Advanced Image Component.","confidence":0.7687666666666666,"words":[{"word":"Hello,","start_time":0.22,"end_time":0.641},{"word":"my","start_time":0.882,"end_time":0.982},{"word":"name","start_time":1.022,"end_time":1.162},{"word":"is","start_time":1.223,"end_time":1.283},{"word":"Raya,","start_time":1.363,"end_time":1.744},{"word":"and","start_time":1.924,"end_time":2.004},{"word":"today","start_time":2.024,"end_time":2.205},{"word":"I'm","start_time":2.225,"end_time":2.345},{"word":"going","start_time":2.365,"end_time":2.565},{"word":"to","start_time":2.606,"end_time":2.686},{"word":"present","start_time":2.746,"end_time":3.107},{"word":"to","start_time":3.147,"end_time":3.207},{"word":"you","start_time":3.267,"end_time":3.427},{"word":"a","start_time":3.447,"end_time":3.467},{"word":"new","start_time":3.688,"end_time":3.828},{"word":"and","start_time":3.868,"end_time":3.948},{"word":"exciting","start_time":3.988,"end_time":4.389},{"word":"feature","start_time":4.47,"end_time":4.83},{"word":"we","start_time":4.951,"end_time":5.091},{"word":"added","start_time":5.151,"end_time":5.371},{"word":"to","start_time":5.391,"end_time":5.452},{"word":"Cloudinary's","start_time":5.512,"end_time":6.073},{"word":"client-side","start_time":6.133,"end_time":6.674},{"word":"SDKs","start_time":6.754,"end_time":7.255},{"word":"we","start_time":7.296,"end_time":7.396},{"word":"call","start_time":7.436,"end_time":7.716},{"word":"the","start_time":8.157,"end_time":8.258},{"word":"Advanced","start_time":8.318,"end_time":8.699},{"word":"Image","start_time":8.799,"end_time":9.019},{"word":"Component.","start_time":9.059,"end_time":9.38}],"alternatives":[],"language":"en"},{"transcript":" With our current client-side SDKs, such as React, Vue, and Angular, you can do all sorts of amazing things,","confidence":0.8021578947368423,"words":[{"word":"With","start_time":10.521,"end_time":10.642},{"word":"our","start_time":10.702,"end_time":10.802},{"word":"current","start_time":10.842,"end_time":11.103},{"word":"client-side","start_time":11.143,"end_time":11.625},{"word":"SDKs,","start_time":11.705,"end_time":12.287},{"word":"such","start_time":12.769,"end_time":12.929},{"word":"as","start_time":12.969,"end_time":13.049},{"word":"React,","start_time":13.11,"end_time":13.511},{"word":"Vue,","start_time":13.591,"end_time":13.752},{"word":"and","start_time":13.812,"end_time":13.872},{"word":"Angular,","start_time":13.992,"end_time":14.394},{"word":"you","start_time":14.795,"end_time":14.895},{"word":"can","start_time":14.915,"end_time":15.036},{"word":"do","start_time":15.056,"end_time":15.156},{"word":"all","start_time":15.256,"end_time":15.377},{"word":"sorts","start_time":15.417,"end_time":15.638},{"word":"of","start_time":15.678,"end_time":15.738},{"word":"amazing","start_time":15.778,"end_time":16.179},{"word":"things,","start_time":16.239,"end_time":16.4}],"alternatives":[],"language":"en"},{"transcript":" like easily present media from Cloudinary in your project, transforming your media, and handle the responsiveness of your site.","confidence":0.8109999999999999,"words":[{"word":"like","start_time":16.861,"end_time":17.002},{"word":"easily","start_time":17.062,"end_time":17.323},{"word":"present","start_time":17.363,"end_time":17.624},{"word":"media","start_time":17.684,"end_time":18.005},{"word":"from","start_time":18.045,"end_time":18.206},{"word":"Cloudinary","start_time":18.246,"end_time":18.728},{"word":"in","start_time":18.748,"end_time":18.808},{"word":"your","start_time":18.848,"end_time":18.968},{"word":"project,","start_time":19.009,"end_time":19.49},{"word":"transforming","start_time":19.611,"end_time":20.172},{"word":"your","start_time":20.193,"end_time":20.313},{"word":"media,","start_time":20.353,"end_time":20.654},{"word":"and","start_time":20.754,"end_time":20.835},{"word":"handle","start_time":20.895,"end_time":21.176},{"word":"the","start_time":21.196,"end_time":21.276},{"word":"responsiveness","start_time":21.316,"end_time":21.959},{"word":"of","start_time":21.999,"end_time":22.059},{"word":"your","start_time":22.099,"end_time":22.28},{"word":"site.","start_time":22.3,"end_time":22.4}],"alternatives":[],"language":"en"},{"transcript":" We now want to take it to the next level.","confidence":0.6649,"words":[{"word":"We","start_time":23.385,"end_time":23.506},{"word":"now","start_time":23.566,"end_time":23.728},{"word":"want","start_time":23.748,"end_time":23.849},{"word":"to","start_time":23.89,"end_time":23.95},{"word":"take","start_time":23.991,"end_time":24.152},{"word":"it","start_time":24.193,"end_time":24.253},{"word":"to","start_time":24.273,"end_time":24.354},{"word":"the","start_time":24.374,"end_time":24.455},{"word":"next","start_time":24.516,"end_time":24.718},{"word":"level.","start_time":24.778,"end_time":24.94}],"alternatives":[],"language":"en"},{"transcript":" and let the ready-made image component handle many common front-end tasks","confidence":0.8471818181818181,"words":[{"word":"and","start_time":25.481,"end_time":25.561},{"word":"let","start_time":25.601,"end_time":25.742},{"word":"the","start_time":25.762,"end_time":25.843},{"word":"ready-made","start_time":25.883,"end_time":26.325},{"word":"image","start_time":26.406,"end_time":26.647},{"word":"component","start_time":26.667,"end_time":27.13},{"word":"handle","start_time":27.19,"end_time":27.512},{"word":"many","start_time":27.552,"end_time":27.794},{"word":"common","start_time":27.874,"end_time":28.216},{"word":"front-end","start_time":28.296,"end_time":28.618},{"word":"tasks","start_time":28.699,"end_time":28.96}],"alternatives":[],"language":"en"},{"transcript":" such as lazy loading, place holding, accessibility, and zooming.","confidence":0.8011111111111111,"words":[{"word":"such","start_time":29.483,"end_time":29.623},{"word":"as","start_time":29.684,"end_time":29.764},{"word":"lazy","start_time":29.804,"end_time":30.066},{"word":"loading,","start_time":30.106,"end_time":30.367},{"word":"place","start_time":30.769,"end_time":31.051},{"word":"holding,","start_time":31.091,"end_time":31.433},{"word":"accessibility,","start_time":31.835,"end_time":32.578},{"word":"and","start_time":32.619,"end_time":32.699},{"word":"zooming.","start_time":32.759,"end_time":32.9}],"alternatives":[],"language":"en"},{"transcript":" Just ask the component to support any of those, and we do the rest.","confidence":0.8481428571428573,"words":[{"word":"Just","start_time":33.763,"end_time":33.964},{"word":"ask","start_time":34.064,"end_time":34.205},{"word":"the","start_time":34.245,"end_time":34.326},{"word":"component","start_time":34.346,"end_time":34.728},{"word":"to","start_time":34.748,"end_time":34.849},{"word":"support","start_time":34.889,"end_time":35.211},{"word":"any","start_time":35.312,"end_time":35.453},{"word":"of","start_time":35.493,"end_time":35.553},{"word":"those,","start_time":35.614,"end_time":35.835},{"word":"and","start_time":36.036,"end_time":36.137},{"word":"we","start_time":36.177,"end_time":36.298},{"word":"do","start_time":36.338,"end_time":36.459},{"word":"the","start_time":36.479,"end_time":36.559},{"word":"rest.","start_time":36.599,"end_time":36.7}],"alternatives":[],"language":"en"},{"transcript":" So let's take a deep dive and see how these changes are added to our Angular SDK.","confidence":0.7515294117647057,"words":[{"word":"So","start_time":37.742,"end_time":37.863},{"word":"let's","start_time":37.903,"end_time":38.104},{"word":"take","start_time":38.144,"end_time":38.345},{"word":"a","start_time":38.385,"end_time":38.425},{"word":"deep","start_time":38.465,"end_time":38.686},{"word":"dive","start_time":38.747,"end_time":39.028},{"word":"and","start_time":39.128,"end_time":39.249},{"word":"see","start_time":39.309,"end_time":39.47},{"word":"how","start_time":39.55,"end_time":39.711},{"word":"these","start_time":39.791,"end_time":39.972},{"word":"changes","start_time":40.093,"end_time":40.454},{"word":"are","start_time":40.535,"end_time":40.615},{"word":"added","start_time":40.695,"end_time":40.876},{"word":"to","start_time":40.896,"end_time":40.977},{"word":"our","start_time":41.017,"end_time":41.117},{"word":"Angular","start_time":41.178,"end_time":41.519},{"word":"SDK.","start_time":41.559,"end_time":41.62}],"alternatives":[],"language":"en"},{"transcript":" Lazy loading an image means that the image will only load when it's needed.","confidence":0.7932857142857141,"words":[{"word":"Lazy","start_time":44.382,"end_time":44.644},{"word":"loading","start_time":44.684,"end_time":44.945},{"word":"an","start_time":44.966,"end_time":45.066},{"word":"image","start_time":45.147,"end_time":45.428},{"word":"means","start_time":45.589,"end_time":45.77},{"word":"that","start_time":45.79,"end_time":45.891},{"word":"the","start_time":45.931,"end_time":46.012},{"word":"image","start_time":46.072,"end_time":46.273},{"word":"will","start_time":46.293,"end_time":46.454},{"word":"only","start_time":46.555,"end_time":46.756},{"word":"load","start_time":46.796,"end_time":46.977},{"word":"when","start_time":46.998,"end_time":47.098},{"word":"it's","start_time":47.138,"end_time":47.259},{"word":"needed.","start_time":47.299,"end_time":47.42}],"alternatives":[],"language":"en"},{"transcript":" For example, when the user scrolls down and the image is about to enter the viewport.","confidence":0.8078750000000001,"words":[{"word":"For","start_time":48.141,"end_time":48.282},{"word":"example,","start_time":48.362,"end_time":48.925},{"word":"when","start_time":49.487,"end_time":49.608},{"word":"the","start_time":49.628,"end_time":49.708},{"word":"user","start_time":49.788,"end_time":50.03},{"word":"scrolls","start_time":50.07,"end_time":50.411},{"word":"down","start_time":50.451,"end_time":50.672},{"word":"and","start_time":50.712,"end_time":50.813},{"word":"the","start_time":50.833,"end_time":50.893},{"word":"image","start_time":50.974,"end_time":51.154},{"word":"is","start_time":51.195,"end_time":51.275},{"word":"about","start_time":51.335,"end_time":51.596},{"word":"to","start_time":51.637,"end_time":51.697},{"word":"enter","start_time":51.757,"end_time":51.958},{"word":"the","start_time":51.998,"end_time":52.078},{"word":"viewport.","start_time":52.119,"end_time":52.44}],"alternatives":[],"language":"en"},{"transcript":" Using lazy loading is recommended in all cases, but if your website contains lots of images which are not all present at once, this can have a significant impact on your site's load time.","confidence":0.8068529411764703,"words":[{"word":"Using","start_time":53.341,"end_time":53.561},{"word":"lazy","start_time":53.601,"end_time":53.882},{"word":"loading","start_time":53.902,"end_time":54.163},{"word":"is","start_time":54.203,"end_time":54.263},{"word":"recommended","start_time":54.303,"end_time":54.764},{"word":"in","start_time":54.824,"end_time":54.884},{"word":"all","start_time":54.984,"end_time":55.125},{"word":"cases,","start_time":55.165,"end_time":55.586},{"word":"but","start_time":56.107,"end_time":56.227},{"word":"if","start_time":56.267,"end_time":56.327},{"word":"your","start_time":56.347,"end_time":56.487},{"word":"website","start_time":56.507,"end_time":56.828},{"word":"contains","start_time":56.848,"end_time":57.209},{"word":"lots","start_time":57.289,"end_time":57.55},{"word":"of","start_time":57.59,"end_time":57.65},{"word":"images","start_time":57.75,"end_time":58.131},{"word":"which","start_time":58.291,"end_time":58.431},{"word":"are","start_time":58.472,"end_time":58.552},{"word":"not","start_time":58.592,"end_time":58.692},{"word":"all","start_time":58.732,"end_time":58.832},{"word":"present","start_time":58.892,"end_time":59.193},{"word":"at","start_time":59.233,"end_time":59.313},{"word":"once,","start_time":59.454,"end_time":59.634},{"word":"this","start_time":60.055,"end_time":60.195},{"word":"can","start_time":60.235,"end_time":60.355},{"word":"have","start_time":60.396,"end_time":60.536},{"word":"a","start_time":60.576,"end_time":60.596},{"word":"significant","start_time":60.656,"end_time":61.197},{"word":"impact","start_time":61.257,"end_time":61.558},{"word":"on","start_time":61.618,"end_time":61.678},{"word":"your","start_time":61.698,"end_time":61.839},{"word":"site's","start_time":61.879,"end_time":62.159},{"word":"load","start_time":62.239,"end_time":62.42},{"word":"time.","start_time":62.44,"end_time":62.54}],"alternatives":[],"language":"en"},{"transcript":" Now all you need to do is add the syntax loading equals lazy to your CLImage component.","confidence":0.7784117647058825,"words":[{"word":"Now","start_time":63.542,"end_time":63.682},{"word":"all","start_time":63.763,"end_time":63.883},{"word":"you","start_time":63.923,"end_time":64.024},{"word":"need","start_time":64.064,"end_time":64.224},{"word":"to","start_time":64.245,"end_time":64.325},{"word":"do","start_time":64.365,"end_time":64.586},{"word":"is","start_time":64.827,"end_time":64.907},{"word":"add","start_time":65.007,"end_time":65.108},{"word":"the","start_time":65.128,"end_time":65.228},{"word":"syntax","start_time":65.268,"end_time":65.77},{"word":"loading","start_time":65.911,"end_time":66.252},{"word":"equals","start_time":66.352,"end_time":66.613},{"word":"lazy","start_time":66.673,"end_time":67.035},{"word":"to","start_time":67.416,"end_time":67.537},{"word":"your","start_time":67.557,"end_time":67.697},{"word":"CLImage","start_time":67.757,"end_time":68.018},{"word":"component.","start_time":68.039,"end_time":68.299}],"alternatives":[],"language":"en"},{"transcript":" The image that contains this attribute will be lazy loaded, meaning the image will only load when it's in the viewport.","confidence":0.8088095238095236,"words":[{"word":"The","start_time":69.422,"end_time":69.522},{"word":"image","start_time":69.602,"end_time":69.783},{"word":"that","start_time":69.803,"end_time":69.944},{"word":"contains","start_time":69.984,"end_time":70.385},{"word":"this","start_time":70.425,"end_time":70.566},{"word":"attribute","start_time":70.706,"end_time":71.128},{"word":"will","start_time":71.168,"end_time":71.308},{"word":"be","start_time":71.328,"end_time":71.389},{"word":"lazy","start_time":71.449,"end_time":71.73},{"word":"loaded,","start_time":71.79,"end_time":72.091},{"word":"meaning","start_time":72.613,"end_time":72.854},{"word":"the","start_time":72.874,"end_time":72.974},{"word":"image","start_time":73.014,"end_time":73.195},{"word":"will","start_time":73.235,"end_time":73.376},{"word":"only","start_time":73.496,"end_time":73.697},{"word":"load","start_time":73.757,"end_time":73.877},{"word":"when","start_time":73.897,"end_time":73.978},{"word":"it's","start_time":74.018,"end_time":74.118},{"word":"in","start_time":74.198,"end_time":74.279},{"word":"the","start_time":74.299,"end_time":74.379},{"word":"viewport.","start_time":74.419,"end_time":74.64}],"alternatives":[],"language":"en"},{"transcript":" As you can see, down in the Network tab, images will only load once they are in the viewport.","confidence":0.8327894736842105,"words":[{"word":"As","start_time":75.862,"end_time":75.962},{"word":"you","start_time":75.983,"end_time":76.083},{"word":"can","start_time":76.123,"end_time":76.264},{"word":"see,","start_time":76.324,"end_time":76.565},{"word":"down","start_time":76.746,"end_time":76.946},{"word":"in","start_time":76.987,"end_time":77.047},{"word":"the","start_time":77.067,"end_time":77.147},{"word":"Network","start_time":77.187,"end_time":77.509},{"word":"tab,","start_time":77.549,"end_time":77.81},{"word":"images","start_time":78.292,"end_time":78.593},{"word":"will","start_time":78.613,"end_time":78.794},{"word":"only","start_time":78.914,"end_time":79.115},{"word":"load","start_time":79.175,"end_time":79.356},{"word":"once","start_time":79.456,"end_time":79.577},{"word":"they","start_time":79.617,"end_time":79.737},{"word":"are","start_time":79.757,"end_time":79.838},{"word":"in","start_time":79.878,"end_time":79.958},{"word":"the","start_time":79.978,"end_time":80.079},{"word":"viewport.","start_time":80.099,"end_time":80.4}],"alternatives":[],"language":"en"},{"transcript":" The next feature that we added is the placeholder component.","confidence":0.7715,"words":[{"word":"The","start_time":81.743,"end_time":81.844},{"word":"next","start_time":81.904,"end_time":82.126},{"word":"feature","start_time":82.186,"end_time":82.448},{"word":"that","start_time":82.488,"end_time":82.629},{"word":"we","start_time":82.649,"end_time":82.77},{"word":"added","start_time":82.891,"end_time":83.153},{"word":"is","start_time":83.394,"end_time":83.475},{"word":"the","start_time":83.515,"end_time":83.596},{"word":"placeholder","start_time":83.616,"end_time":84.039},{"word":"component.","start_time":84.059,"end_time":84.24}],"alternatives":[],"language":"en"},{"transcript":" The placeholder component is a much smaller, lower quality version of the original image.","confidence":0.7767857142857143,"words":[{"word":"The","start_time":85.282,"end_time":85.363},{"word":"placeholder","start_time":85.383,"end_time":85.845},{"word":"component","start_time":85.885,"end_time":86.327},{"word":"is","start_time":86.387,"end_time":86.468},{"word":"a","start_time":86.508,"end_time":86.548},{"word":"much","start_time":86.588,"end_time":86.769},{"word":"smaller,","start_time":86.89,"end_time":87.311},{"word":"lower","start_time":87.392,"end_time":87.613},{"word":"quality","start_time":87.693,"end_time":88.055},{"word":"version","start_time":88.095,"end_time":88.416},{"word":"of","start_time":88.436,"end_time":88.517},{"word":"the","start_time":88.537,"end_time":88.657},{"word":"original","start_time":88.698,"end_time":89.099},{"word":"image.","start_time":89.119,"end_time":89.24}],"alternatives":[],"language":"en"},{"transcript":" Page load time is important and image download is a huge part of that time.","confidence":0.7951333333333334,"words":[{"word":"Page","start_time":90.402,"end_time":90.663},{"word":"load","start_time":90.704,"end_time":90.884},{"word":"time","start_time":90.925,"end_time":91.166},{"word":"is","start_time":91.246,"end_time":91.347},{"word":"important","start_time":91.407,"end_time":91.89},{"word":"and","start_time":92.031,"end_time":92.111},{"word":"image","start_time":92.191,"end_time":92.413},{"word":"download","start_time":92.433,"end_time":92.734},{"word":"is","start_time":92.774,"end_time":92.835},{"word":"a","start_time":92.875,"end_time":92.895},{"word":"huge","start_time":92.935,"end_time":93.156},{"word":"part","start_time":93.217,"end_time":93.378},{"word":"of","start_time":93.398,"end_time":93.458},{"word":"that","start_time":93.498,"end_time":93.639},{"word":"time.","start_time":93.679,"end_time":93.8}],"alternatives":[],"language":"en"},{"transcript":" For improving the load time, we suggest first loading a tiny, low quality image","confidence":0.7537857142857144,"words":[{"word":"For","start_time":94.562,"end_time":94.683},{"word":"improving","start_time":94.743,"end_time":95.105},{"word":"the","start_time":95.145,"end_time":95.225},{"word":"load","start_time":95.265,"end_time":95.446},{"word":"time,","start_time":95.486,"end_time":95.748},{"word":"we","start_time":95.948,"end_time":96.069},{"word":"suggest","start_time":96.109,"end_time":96.491},{"word":"first","start_time":96.531,"end_time":96.732},{"word":"loading","start_time":96.752,"end_time":97.013},{"word":"a","start_time":97.033,"end_time":97.094},{"word":"tiny,","start_time":97.194,"end_time":97.596},{"word":"low","start_time":97.696,"end_time":97.877},{"word":"quality","start_time":97.938,"end_time":98.339},{"word":"image","start_time":98.36,"end_time":98.46}],"alternatives":[],"language":"en"},{"transcript":" that will be used as a placeholder for the real image that will be downloaded right after.","confidence":0.7574705882352941,"words":[{"word":"that","start_time":99.023,"end_time":99.123},{"word":"will","start_time":99.143,"end_time":99.284},{"word":"be","start_time":99.304,"end_time":99.384},{"word":"used","start_time":99.465,"end_time":99.666},{"word":"as","start_time":99.686,"end_time":99.746},{"word":"a","start_time":99.807,"end_time":99.827},{"word":"placeholder","start_time":99.867,"end_time":100.389},{"word":"for","start_time":100.43,"end_time":100.55},{"word":"the","start_time":100.59,"end_time":100.651},{"word":"real","start_time":100.711,"end_time":100.892},{"word":"image","start_time":100.992,"end_time":101.254},{"word":"that","start_time":101.294,"end_time":101.394},{"word":"will","start_time":101.414,"end_time":101.535},{"word":"be","start_time":101.555,"end_time":101.615},{"word":"downloaded","start_time":101.656,"end_time":102.078},{"word":"right","start_time":102.158,"end_time":102.339},{"word":"after.","start_time":102.439,"end_time":102.56}],"alternatives":[],"language":"en"},{"transcript":" You would apply it as a nested component to your CL image component.","confidence":0.8253846153846154,"words":[{"word":"You","start_time":103.343,"end_time":103.403},{"word":"would","start_time":103.424,"end_time":103.564},{"word":"apply","start_time":103.585,"end_time":103.846},{"word":"it","start_time":103.886,"end_time":103.927},{"word":"as","start_time":103.967,"end_time":104.067},{"word":"a","start_time":104.108,"end_time":104.128},{"word":"nested","start_time":104.208,"end_time":104.51},{"word":"component","start_time":104.55,"end_time":104.993},{"word":"to","start_time":105.033,"end_time":105.114},{"word":"your","start_time":105.134,"end_time":105.275},{"word":"CL","start_time":105.355,"end_time":105.637},{"word":"image","start_time":105.718,"end_time":105.899},{"word":"component.","start_time":105.919,"end_time":106.1}],"alternatives":[],"language":"en"},{"transcript":" There are several types that can be applied to your placeholder image where it defaults to a lower quality blurred image.","confidence":0.7665714285714287,"words":[{"word":"There","start_time":106.941,"end_time":107.061},{"word":"are","start_time":107.081,"end_time":107.182},{"word":"several","start_time":107.202,"end_time":107.463},{"word":"types","start_time":107.523,"end_time":107.804},{"word":"that","start_time":107.824,"end_time":107.924},{"word":"can","start_time":107.965,"end_time":108.065},{"word":"be","start_time":108.105,"end_time":108.185},{"word":"applied","start_time":108.226,"end_time":108.507},{"word":"to","start_time":108.527,"end_time":108.607},{"word":"your","start_time":108.627,"end_time":108.747},{"word":"placeholder","start_time":108.808,"end_time":109.329},{"word":"image","start_time":109.41,"end_time":109.651},{"word":"where","start_time":110.012,"end_time":110.172},{"word":"it","start_time":110.213,"end_time":110.253},{"word":"defaults","start_time":110.313,"end_time":110.734},{"word":"to","start_time":110.815,"end_time":110.935},{"word":"a","start_time":110.975,"end_time":111.015},{"word":"lower","start_time":111.056,"end_time":111.276},{"word":"quality","start_time":111.357,"end_time":111.758},{"word":"blurred","start_time":111.838,"end_time":112.079},{"word":"image.","start_time":112.099,"end_time":112.28}],"alternatives":[],"language":"en"},{"transcript":" Here you can see the size of the original image versus the size of the lower quality placeholder.","confidence":0.8282777777777777,"words":[{"word":"Here","start_time":113.222,"end_time":113.363},{"word":"you","start_time":113.403,"end_time":113.503},{"word":"can","start_time":113.543,"end_time":113.664},{"word":"see","start_time":113.704,"end_time":113.865},{"word":"the","start_time":113.905,"end_time":113.985},{"word":"size","start_time":114.025,"end_time":114.266},{"word":"of","start_time":114.307,"end_time":114.387},{"word":"the","start_time":114.427,"end_time":114.487},{"word":"original","start_time":114.548,"end_time":114.929},{"word":"image","start_time":115.05,"end_time":115.311},{"word":"versus","start_time":115.431,"end_time":115.732},{"word":"the","start_time":115.773,"end_time":115.853},{"word":"size","start_time":115.893,"end_time":116.114},{"word":"of","start_time":116.134,"end_time":116.194},{"word":"the","start_time":116.235,"end_time":116.315},{"word":"lower","start_time":116.355,"end_time":116.596},{"word":"quality","start_time":116.696,"end_time":117.098},{"word":"placeholder.","start_time":117.158,"end_time":117.52}],"alternatives":[],"language":"en"},{"transcript":" The recommended approach is to use both placeholder and lazy load, so the real image will be downloaded only when needed.","confidence":0.7875238095238095,"words":[{"word":"The","start_time":120.022,"end_time":120.122},{"word":"recommended","start_time":120.142,"end_time":120.703},{"word":"approach","start_time":120.744,"end_time":121.205},{"word":"is","start_time":121.385,"end_time":121.466},{"word":"to","start_time":121.486,"end_time":121.566},{"word":"use","start_time":121.666,"end_time":121.806},{"word":"both","start_time":121.927,"end_time":122.147},{"word":"placeholder","start_time":122.228,"end_time":122.91},{"word":"and","start_time":123.11,"end_time":123.23},{"word":"lazy","start_time":123.291,"end_time":123.611},{"word":"load,","start_time":123.652,"end_time":123.872},{"word":"so","start_time":124.434,"end_time":124.574},{"word":"the","start_time":124.614,"end_time":124.694},{"word":"real","start_time":124.735,"end_time":124.955},{"word":"image","start_time":125.055,"end_time":125.256},{"word":"will","start_time":125.276,"end_time":125.416},{"word":"be","start_time":125.436,"end_time":125.517},{"word":"downloaded","start_time":125.557,"end_time":125.978},{"word":"only","start_time":126.178,"end_time":126.359},{"word":"when","start_time":126.399,"end_time":126.56},{"word":"needed.","start_time":126.6,"end_time":126.72}],"alternatives":[],"language":"en"},{"transcript":" You can see here that the placeholder image is loaded in the background and would be replaced by the original image only when entering the viewport.","confidence":0.8264615384615384,"words":[{"word":"You","start_time":127.621,"end_time":127.722},{"word":"can","start_time":127.762,"end_time":127.902},{"word":"see","start_time":127.962,"end_time":128.123},{"word":"here","start_time":128.223,"end_time":128.484},{"word":"that","start_time":128.805,"end_time":128.925},{"word":"the","start_time":128.945,"end_time":129.045},{"word":"placeholder","start_time":129.065,"end_time":129.607},{"word":"image","start_time":129.687,"end_time":129.947},{"word":"is","start_time":130.028,"end_time":130.108},{"word":"loaded","start_time":130.148,"end_time":130.409},{"word":"in","start_time":130.449,"end_time":130.509},{"word":"the","start_time":130.549,"end_time":130.629},{"word":"background","start_time":130.669,"end_time":131.171},{"word":"and","start_time":131.612,"end_time":131.692},{"word":"would","start_time":131.732,"end_time":131.873},{"word":"be","start_time":131.893,"end_time":131.973},{"word":"replaced","start_time":132.033,"end_time":132.414},{"word":"by","start_time":132.434,"end_time":132.534},{"word":"the","start_time":132.574,"end_time":132.675},{"word":"original","start_time":132.715,"end_time":133.116},{"word":"image","start_time":133.196,"end_time":133.417},{"word":"only","start_time":133.577,"end_time":133.757},{"word":"when","start_time":133.798,"end_time":133.938},{"word":"entering","start_time":134.018,"end_time":134.359},{"word":"the","start_time":134.399,"end_time":134.499},{"word":"viewport.","start_time":134.539,"end_time":134.74}],"alternatives":[],"language":"en"},{"transcript":" Now, let's talk about accessibility.","confidence":0.7504000000000001,"words":[{"word":"Now,","start_time":140.465,"end_time":140.606},{"word":"let's","start_time":140.667,"end_time":140.89},{"word":"talk","start_time":140.971,"end_time":141.193},{"word":"about","start_time":141.234,"end_time":141.436},{"word":"accessibility.","start_time":141.457,"end_time":141.74}],"alternatives":[],"language":"en"},{"transcript":" Supporting accessibility features for visual impairments is a requirement for any modern application.","confidence":0.7773076923076924,"words":[{"word":"Supporting","start_time":143.621,"end_time":144.023},{"word":"accessibility","start_time":144.043,"end_time":144.725},{"word":"features","start_time":144.766,"end_time":145.207},{"word":"for","start_time":145.348,"end_time":145.489},{"word":"visual","start_time":145.549,"end_time":145.91},{"word":"impairments","start_time":145.95,"end_time":146.453},{"word":"is","start_time":146.553,"end_time":146.633},{"word":"a","start_time":146.673,"end_time":146.714},{"word":"requirement","start_time":146.754,"end_time":147.236},{"word":"for","start_time":147.276,"end_time":147.396},{"word":"any","start_time":147.557,"end_time":147.698},{"word":"modern","start_time":147.758,"end_time":148.019},{"word":"application.","start_time":148.039,"end_time":148.28}],"alternatives":[],"language":"en"},{"transcript":" There are countless widgets that let the user customize the app in a way that will be most convenient visually.","confidence":0.7575999999999998,"words":[{"word":"There","start_time":149.502,"end_time":149.622},{"word":"are","start_time":149.663,"end_time":149.763},{"word":"countless","start_time":149.803,"end_time":150.145},{"word":"widgets","start_time":150.205,"end_time":150.526},{"word":"that","start_time":150.546,"end_time":150.667},{"word":"let","start_time":150.707,"end_time":150.807},{"word":"the","start_time":150.827,"end_time":150.928},{"word":"user","start_time":151.008,"end_time":151.229},{"word":"customize","start_time":151.269,"end_time":151.731},{"word":"the","start_time":151.771,"end_time":151.872},{"word":"app","start_time":151.952,"end_time":152.113},{"word":"in","start_time":152.153,"end_time":152.233},{"word":"a","start_time":152.273,"end_time":152.293},{"word":"way","start_time":152.334,"end_time":152.454},{"word":"that","start_time":152.494,"end_time":152.595},{"word":"will","start_time":152.615,"end_time":152.755},{"word":"be","start_time":152.775,"end_time":152.836},{"word":"most","start_time":152.916,"end_time":153.117},{"word":"convenient","start_time":153.157,"end_time":153.639},{"word":"visually.","start_time":153.659,"end_time":153.86}],"alternatives":[],"language":"en"},{"transcript":" But, how your app reacts to the customization is up to you.","confidence":0.7800833333333334,"words":[{"word":"But,","start_time":155.08,"end_time":155.261},{"word":"how","start_time":155.543,"end_time":155.644},{"word":"your","start_time":155.684,"end_time":155.825},{"word":"app","start_time":155.926,"end_time":156.047},{"word":"reacts","start_time":156.087,"end_time":156.429},{"word":"to","start_time":156.47,"end_time":156.59},{"word":"the","start_time":156.611,"end_time":156.691},{"word":"customization","start_time":156.711,"end_time":157.436},{"word":"is","start_time":157.477,"end_time":157.557},{"word":"up","start_time":157.618,"end_time":157.718},{"word":"to","start_time":157.759,"end_time":157.879},{"word":"you.","start_time":157.9,"end_time":157.96}],"alternatives":[],"language":"en"},{"transcript":" For example, asking to change the app's theme to dark mode is a common need and usually handled by changing the CSS.","confidence":0.7886363636363637,"words":[{"word":"For","start_time":158.821,"end_time":158.962},{"word":"example,","start_time":159.042,"end_time":159.584},{"word":"asking","start_time":160.326,"end_time":160.607},{"word":"to","start_time":160.647,"end_time":160.727},{"word":"change","start_time":160.787,"end_time":161.048},{"word":"the","start_time":161.088,"end_time":161.168},{"word":"app's","start_time":161.249,"end_time":161.449},{"word":"theme","start_time":161.489,"end_time":161.69},{"word":"to","start_time":161.75,"end_time":161.85},{"word":"dark","start_time":161.891,"end_time":162.151},{"word":"mode","start_time":162.191,"end_time":162.392},{"word":"is","start_time":162.573,"end_time":162.673},{"word":"a","start_time":162.713,"end_time":162.753},{"word":"common","start_time":162.813,"end_time":163.134},{"word":"need","start_time":163.174,"end_time":163.355},{"word":"and","start_time":163.455,"end_time":163.515},{"word":"usually","start_time":163.596,"end_time":163.876},{"word":"handled","start_time":163.917,"end_time":164.217},{"word":"by","start_time":164.238,"end_time":164.338},{"word":"changing","start_time":164.398,"end_time":164.719},{"word":"the","start_time":164.759,"end_time":164.839},{"word":"CSS.","start_time":164.879,"end_time":165.06}],"alternatives":[],"language":"en"},{"transcript":" This approach usually misses an important aspect of your app.","confidence":0.7837999999999999,"words":[{"word":"This","start_time":166.203,"end_time":166.364},{"word":"approach","start_time":166.404,"end_time":166.746},{"word":"usually","start_time":166.927,"end_time":167.209},{"word":"misses","start_time":167.249,"end_time":167.531},{"word":"an","start_time":167.591,"end_time":167.632},{"word":"important","start_time":167.692,"end_time":168.095},{"word":"aspect","start_time":168.215,"end_time":168.557},{"word":"of","start_time":168.598,"end_time":168.658},{"word":"your","start_time":168.698,"end_time":168.839},{"word":"app.","start_time":168.94,"end_time":169.0}],"alternatives":[],"language":"en"},{"transcript":" the images.","confidence":0.8845000000000001,"words":[{"word":"the","start_time":169.511,"end_time":169.611},{"word":"images.","start_time":169.651,"end_time":170.053}],"alternatives":[],"language":"en"},{"transcript":"If you want to assist your user all the way, it's important that when asked to change","confidence":0.7079411764705883,"words":[{"word":"If","start_time":170.776,"end_time":170.836},{"word":"you","start_time":170.876,"end_time":170.976},{"word":"want","start_time":170.997,"end_time":171.177},{"word":"to","start_time":171.197,"end_time":171.298},{"word":"assist","start_time":171.338,"end_time":171.679},{"word":"your","start_time":171.699,"end_time":171.82},{"word":"user","start_time":171.9,"end_time":172.161},{"word":"all","start_time":172.221,"end_time":172.362},{"word":"the","start_time":172.402,"end_time":172.482},{"word":"way,","start_time":172.522,"end_time":172.703},{"word":"it's","start_time":173.105,"end_time":173.245},{"word":"important","start_time":173.285,"end_time":173.627},{"word":"that","start_time":173.647,"end_time":173.767},{"word":"when","start_time":173.787,"end_time":173.948},{"word":"asked","start_time":174.068,"end_time":174.249},{"word":"to","start_time":174.269,"end_time":174.349},{"word":"change","start_time":174.37,"end_time":174.49}],"alternatives":[],"language":"en"},{"transcript":" to dark mode, the images will transform as well to darker versions of themselves.","confidence":0.7670714285714286,"words":[{"word":"to","start_time":174.671,"end_time":174.771},{"word":"dark","start_time":174.792,"end_time":175.033},{"word":"mode,","start_time":175.093,"end_time":175.314},{"word":"the","start_time":175.415,"end_time":175.495},{"word":"images","start_time":175.555,"end_time":175.897},{"word":"will","start_time":175.937,"end_time":176.098},{"word":"transform","start_time":176.159,"end_time":176.721},{"word":"as","start_time":176.802,"end_time":176.882},{"word":"well","start_time":176.943,"end_time":177.124},{"word":"to","start_time":177.164,"end_time":177.264},{"word":"darker","start_time":177.304,"end_time":177.626},{"word":"versions","start_time":177.666,"end_time":178.048},{"word":"of","start_time":178.109,"end_time":178.169},{"word":"themselves.","start_time":178.189,"end_time":178.39}],"alternatives":[],"language":"en"},{"transcript":" So now, with the accessibility mode, this is possible by adding the attribute","confidence":0.7631538461538463,"words":[{"word":"So","start_time":179.192,"end_time":179.352},{"word":"now,","start_time":179.393,"end_time":179.593},{"word":"with","start_time":179.875,"end_time":179.995},{"word":"the","start_time":180.015,"end_time":180.096},{"word":"accessibility","start_time":180.116,"end_time":180.819},{"word":"mode,","start_time":180.879,"end_time":181.121},{"word":"this","start_time":181.502,"end_time":181.643},{"word":"is","start_time":181.683,"end_time":181.784},{"word":"possible","start_time":181.864,"end_time":182.266},{"word":"by","start_time":182.306,"end_time":182.407},{"word":"adding","start_time":182.487,"end_time":182.708},{"word":"the","start_time":182.748,"end_time":182.849},{"word":"attribute","start_time":182.929,"end_time":183.11}],"alternatives":[],"language":"en"},{"transcript":" accessibility equals dark mode.","confidence":0.87025,"words":[{"word":"accessibility","start_time":183.612,"end_time":184.295},{"word":"equals","start_time":184.376,"end_time":184.637},{"word":"dark","start_time":184.677,"end_time":184.898},{"word":"mode.","start_time":184.958,"end_time":185.159}],"alternatives":[],"language":"en"},{"transcript":"There are several other types that we offer","confidence":0.7915,"words":[{"word":"There","start_time":185.863,"end_time":186.003},{"word":"are","start_time":186.043,"end_time":186.124},{"word":"several","start_time":186.144,"end_time":186.405},{"word":"other","start_time":186.506,"end_time":186.686},{"word":"types","start_time":186.767,"end_time":187.028},{"word":"that","start_time":187.048,"end_time":187.169},{"word":"we","start_time":187.189,"end_time":187.269},{"word":"offer","start_time":187.289,"end_time":187.45}],"alternatives":[],"language":"en"},{"transcript":" with the accessibility mode, where you can see the following differences.","confidence":0.7146363636363635,"words":[{"word":"with","start_time":187.611,"end_time":187.712},{"word":"the","start_time":187.732,"end_time":187.792},{"word":"accessibility","start_time":187.832,"end_time":188.517},{"word":"mode,","start_time":188.577,"end_time":188.758},{"word":"where","start_time":189.121,"end_time":189.282},{"word":"you","start_time":189.302,"end_time":189.383},{"word":"can","start_time":189.423,"end_time":189.564},{"word":"see","start_time":189.624,"end_time":189.846},{"word":"the","start_time":189.866,"end_time":189.946},{"word":"following","start_time":189.986,"end_time":190.268},{"word":"differences.","start_time":190.288,"end_time":190.51}],"alternatives":[],"language":"en"}]