Set Content-type of media files stored on Blob

Question

We have a website hosted on Azure. It is media based, and we are using JWPlayer to playback media with HTTP pseudostreaming. The media files are stored on blob in 3 formats - mp4, ogg, webm.

The issue is the content type of media files is set as application/octet-stream for all types. Due to this there are some issues in media playback and progress bar.

How can I set the appropriate Content-type of files stored on blob (like - video/mp4, video/ogg, video/webm)?

I do not want to do it manually for each file by going in blob interface. There must be some other way to do it which I am not aware of. Perhaps a config file, settings file, etc sorts. Or perhaps a code block to set up the Content-type for all files stored in a folder.

Any suggestions? Thanks

Answer 1

This should work:

var storageAccount = CloudStorageAccount.Parse("YOURCONNECTIONSTRING"); var blobClient = storageAccount.CreateCloudBlobClient();  var blobs = blobClient     .GetContainerReference("thecontainer")     .ListBlobs(useFlatBlobListing: true)     .OfType<CloudBlockBlob>();  foreach (var blob in blobs) {     if (Path.GetExtension(blob.Uri.AbsoluteUri) == ".mp4")     {         blob.Properties.ContentType = "video/mp4";     }     // repeat ad nauseam     blob.SetProperties(); } 

Or set up a dictionary so you don't have to write a bunch of if statements.

Answer 2

Unfortunately, the accepted answer here is not currently working for the latest SDK (12.x.+)

With the latest SDK, the content type should be set via BlobHttpHeaders.

var blobServiceClient = new BlobServiceClient("YOURCONNECTIONSTRING"); var containerClient = blobServiceClient.GetBlobContainerClient("YOURCONTAINERNAME"); var blob = containerClient.GetBlobClient("YOURFILE.jpg");  var blobHttpHeader = new BlobHttpHeaders { ContentType = "image/jpeg" };   var uploadedBlob = await blob.UploadAsync(YOURSTREAM, new BlobUploadOptions { HttpHeaders = blobHttpHeader }); 

YOURSTREAM could be a new BinaryData(byte[])