Using ImageProcessor.AzureBlobCache not working to serve cached images

I am trying to follow this video tutorial - https://www.youtube.com/watch?v=5Qp-ZGaKFaY

To use ImageProcessor.AzureBlobCache with Azure table storage. The requirements were to install the UmbracoFileSystemProviders.Azure which I have done. This plugin works by itself and when switching to my azure storage account it correctly created my media folder and all of my images are being rendered with the ImageProcessor properly after copying all local files from /media/ to the storage account.

Now I would like to configure a CDN from the instructions at 19:00 minutes of this video but have not had success following the steps. After installing the ImageProcessor.AzureBlobCache plugin, I setup my table storage account in the cache.config file under /Config/imageprocessor/cache.config to look like the following:

<?xml version="1.0" encoding="utf-8"?><caching currentCache="AzureBlobCache"><caches>
<cache name="DiskCache" type="ImageProcessor.Web.Caching.DiskCache, ImageProcessor.Web" maxDays="365">
  <settings>
    <setting key="VirtualCachePath" value="~/app_data/cache" />
  </settings>
</cache><cache name="AzureBlobCache" type="ImageProcessor.Web.Plugins.AzureBlobCache.AzureBlobCache, ImageProcessor.Web.Plugins.AzureBlobCache" maxDays="365">
  <settings>
    <setting key="CachedStorageAccount" value="DefaultEndpointsProtocol=https;AccountName=STORAGE_ACCOUNT_NAME;AccountKey=_STORAGE_ACCOUNT_KEY" />
    <setting key="CachedBlobContainer" value="cache" />
    <setting key="CachedCDNRoot" value="http://MY-CDN-NAME.azureedge.net/" />
    <setting key="SourceStorageAccount" value="" />
    <setting key="SourceBlobContainer" value="" />
    <setting key="StreamCachedImage" value="false" />
  </settings>
</cache></caches>

But it looks like in the video they already have created the cache folder in the storage account. Is this supposed to get automatically created by the plugin because it does not? I am wondering how to properly configure this as in the video the cache folder already is created with the proper images and just works but it is not explained how this is setup. Not sure if I should create this cache folder manually, and then how would the images get copied over each time one is added to the website from the media folder?

Appreciate any extra advice on how to configure my Azure CDN using the above plugins to serve from the cache folder.


This is a companion discussion topic for the original entry at https://our.umbraco.com/forum/73996-using-imageprocessorazureblobcache-not-working-to-serve-cached-images