I am working on a project (web api, angularjs, html5, css3) that currently allows the user to upload a video file one at a time, getting the locator from web avi and upload the video into blocks using chunking using the locator url. Now I have to provide a page where users can drag and drop videos into an area on a web page and bulk upload all video files to Latin media services. It seems that generating a locator for each file to be downloaded, and doing one at a time until they are complete, does not seem to be the most efficient. What is the best option for mass uploading all video files to multimedia services when you need to do this using html5 with drag and drop?
I found examples that describe how to use bulk upload, where you are provided with the download URL here: https://azure.microsoft.com/en-us/documentation/articles/media-services-dotnet-upload-files/. The problem with this is how to use this url to load from html5? I am currently uploading one video to create a SAS URL and use the chunk download to this single URL using the http method, whereas the URL returned from the bulk download seems to be the URL you are using to download through third-party tools, according to the link above, instead of html5 using FileReader. I am really confused about which approach I should use for this scenario. The key elements are that I have to use html5, but allow the user to drag and drop any number of videos that should all be published to multimedia services at some point in the process. My current problem, frankly, isthat I have all of these options and I'm not sure where to start? Any useful links to articles, manuals or online tutorials will be greatly appreciated. Thanks.