Using Airbroad Player with Microsoft BLOB storage
Introduction
You can stream videos stored on Microsoft Azure BLOB storage with Airbroad Player.
This tutorial shows how to configure BLOB to integrate with Airbroad Player.
Configuring Azure BLOB
1. go to storage accounts menu in Azure Potal and make/enter your account.
2. Create a new Container in Blob Service
3. go to CORS menu for configuration.
4. Add a new CORS Rule.
need to set these properties below.
| Name | Properties |
|---|---|
| Allowed origins | http://your_domain |
| Allowed verbs | GET, OPTIONS |
| Allowed headers | Date,RANGE,Content-length,Content-range |
| Exposed headers | Date,Content-length,Content-range |
| Maximum age | 0~3000 (3000 Recommended) |
5. upload media files(including cover image) to your container.
6. copy media file links and embed them into player parameters.
<script type="text/javascript" src="https://yourdomain/airbroad.js"></script>
<div id="airvideo" align="center"><script type="text/javascript">
var player = airbroad_player({
"file": ["https://airbroad8172.blob.core.windows.net/airbroad/bbb_720p.mp4", "https://airbroad8172.blob.core.windows.net/airbroad/bbb_540p.mp4", "https://airbroad8172.blob.core.windows.net/airbroad/bbb_360p.mp4"],
"poster" : "https://airbroad8172.blob.core.windows.net/airbroad/bbb.jpg",
"file_num" : 2,
//"width": "100%",
"height": 540,
"controls" : "always",
"autoplay" : false,
"loop" : true,
"auto" : true,
"container" : "airvideo"
//"start" : 120,
//"end" : 160,
});
</script>
</div>