How to download videos from Azure Blob Storage with a simple HTML link? - html

I wanted to create a simple HTML link to be able to download a mp4 that was in a Azure Blob Storage container.
Just using the below HTML would create a link but when the link was clicked, the video would open in another tab and start to play.
<p>Click on the link to download the video:<p>
<p><a href="https://<your container name>/misc/ECM.mp4" download>ECM_video.mp4</a></p>
I didn't want the video to play but instead to force the video file to download to the user's computer.

To force the video file to download I had to change the Content Type for the video file in Azure from "video/mp4" to "file" by right-mouse button on the video file and clicking on Properties and then under the Properties tab.
Now the video file downloads to the user's computer using this HTML link
<p>Click on the link to download the video:<p>
<p><a href="https://<your container name>/misc/ECM.mp4" download>ECM_video.mp4</a></p>

Related

How can I download an mp4 file using the 'download' property of HTML's a link?

I want to be able to download the "video.mp4" file with the code below.
<a href="video.mp4" download>download</a>
However, it is not downloaded and played.
How can I make it downloaded without being played?
download

Unable to write the class name for an audio file in the library in Adobe Anime

I have imported audio files to the library with the extension mp3 or wav in adobe anime and then click on one of the files on the right mouse button and choose properties, then a window appears, i choose from action script script for the audio file, what is the reason for not activating everything in this window?
I want to link a button to an audio file in the library in Adobe Anime

Audio mp3 stream from static server NGINX

I have my web application which has many audio files. I have kept these files on my Nginx server.
On my HTML page, I am using audio tag.
My question is when my HTML page loads on the web browser then do all the audio files will get downloaded at the same time? Or when the user plays particular audio file, then only that audio get streamed and downloaded.
Since my page has many audio files, so I need only that audio gets streamed/downloaded to the user which he plays.
A given media file will only get downloaded after you have clicked on a link
You can confirm this yourself by getting onto your page in question then hit F12 or ctrl-shift-i in your browser (firefox/chrome/opera) to open up your developer tools then hit the Network tab which will display network traffic ... once there do a page refresh and observe traffic ... next to none since no media files have been requested
Now click on a media link to request a download and only then will you see significant network traffic as the media packets come tumbling into the browser
By default above setup will just download the mp3 not stream ... to stream an mp3 file create on server side a text file called mysong.m3u which contains URL of actual mp3 file
http:///sorabhdomain.com/mymedia/mysong.mp3
then have the browser link use the m3u URL not the mp3 URL and the browser should now stream not download

How to make a video file playable on web browser

Im trying to make video files playable from web browser. I upload the files in different repositories but when I click the videoFile it starts to download instead of be played.
This is my resource, when I put this url on the browser the video starts to download.
https://s3-us-west-2.amazonaws.com/awsampledatabucket/Media/SampleVideo.mp4
What I want is that when I put the url the video starts playing like this:
https://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4
Anybody know how to do it?

How can I embed my personal dropbox files onto my website so they are publically visible?

I have mp3 recordings that I wish to embed onto my website. They are located in my dropbox and are just simple audio files. When I embed them with an audio tag like such, I can play them when I have my dropbox logged in, but they appear unplayable when I am a third party visitor to the website.
<audio src="https://dl-web.dropbox.com/get/therestofthelink" controls></audio>
any ideas how can I make these files permanently embedded, through dropbox or otherwise, so that every visitor to my site can successfully listen to them? thank you
You can create a share link (programmatically via the /shares endpoint or via the UI), which will give you a permanent publicly-visible link to a preview page for the file. To convert that link into one that points directly at the file content, refer to https://www.dropbox.com/help/201:
To bypass the preview page and allow your browser to directly render
your files, use raw=1 as a query parameter in your URL. For example:
https://www.dropbox.com/s/qmocfrco2t0d28o/Fluffbeast.docx
Becomes:
https://www.dropbox.com/s/qmocfrco2t0d28o/Fluffbeast.docx?raw=1
Note that this URL will cause an HTTP redirect. If you're an app developer using such a URL in your own code, please make sure your app can follow redirects.
At least in Wordpress text editor, you have to follow the below steps:
Create a share link to the file then change the www in the link
to dl. Use that new link in your embed code.
Remove the end of the link
e.g. if you have:
https://www.dropbox.com/s/bt44iw272m6ga04/O%20Botic%C3%A1rio%20-%20Dia%20dos%20Pais%20novo%20perfume%20Zaad%20-%20Comercial.mp3 ?dl=0
You have to change the first bold part and remove the second:
https://dl.dropbox.com/s/bt44iw272m6ga04/O%20Botic%C3%A1rio%20-%20Dia%20dos%20Pais%20novo%20perfume%20Zaad%20-%20Comercial.mp3
This worked for me.
Go the audio file in your dropbox on your desktop
Right click and select "copy Dropbox link"
Paste link in desired location
At the end of the URL there should be a "?dl=0" Simply replace the "0" with a "1" like so "?dl=1"
Code should look something like:
<audio controls>
<source src="https://www.dropbox.com/s/blah/yoursong.mp3?dl=1" type="audio/mpeg">
</audio>
You should upload the files directly in your webspace and link it from there.
On the other hand you can also use something like Soundcloud to make your audio files publicly available.