Wowza Streaming Engine VOD Edge With JWPlayer

1
Table of Contents
Cover .......................................................................................................................................................... 1
Table of Contents ....................................................................................................................................... 2
Environment & Initial Setup ....................................................................................................................... 3
Install & Configuration ............................................................................................................................... 4
Wowza Streaming Engine VOD Edge with JWPlayer ........................................................................... 4
Wowza Streaming Engine VOD Edge ABR (SMIL) with JWPlayer ........................................................ 7
2
A. Environment & Initial Setup
1. Wowza Streaming Engine VOD Edge server with content (video) :

 IP Address : 192.168.124.106:1935
 Application : edge
 Prefix : path2/
 Base Path : /usr/local/WowzaStreamingEngine-4.7.0/content/
 Media Cache Stored : mediacache3
2. Centos 7 server with Nginx + JWPlayer :
 IP Address : 192.168.124.109
 Root folder : /usr/share/nginx/html/
3
B. Install & Configuration
 Wowza Streaming Engine VOD Edge with JWPlayer
a. Create HTML file (player.html)on root folder (NGINX) to embedded JWPlayer and Wowza
Streaming Engine script
For example Root folder : /usr/share/nginx/html/player.html
4
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JW Player</title>
<script src="jwplayer-x.xx.x/jwplayer.js"></script>
<script>jwplayer.key = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";</script>
</head>
<body>
<div id="player"></div>
<script>
jwplayer("player").setup({
sources: [{
file: "rtmp://192.168.124.106:1935/edge/_definst_/mp4:path2/sample.mp4"
},{
file: "http://192.168.124.106:1935/edge/_definst_/mp4:path2/sample.mp4/manifest.f4m"
},{
file: "http://192.168.124.106:1935/edge/_definst_/mp4:path2/sample.mp4/manifest.mpd"
},{
file: "http://192.168.124.106:1935/edge/_definst_/mp4:path2/sample.mp4/playlist.m3u8"
},{
file: "rstp://192.168.124.106:1935/edge/_definst_/mp4:path2/sample.mp4"
}],
width: 640,
height: 360
});
</script>
</body>
</html>
5
Notes :
1. Red : Script Source from location of your jwplayer.js and jwplayer key from your jwplayer
account (ex. /usr/share/nginx/html/jwplayer-7.11.3/jwplayer.js)
2. Green : Adobe RTMP
3. Blue : Adobe HDS
4. Orange : MPEG Dash
5. Purple : Apple HLS / iOS
6. Light Blue : Android
b. Restart NGINX (systemctl restart nginx) and open browser to test :
6
 Wowza Streaming Engine VOD Edge ABR (SMIL) with JWPlayer
a. Add SMIL File on Wowza Streaming Engine VOD Edge :
7
b. Create HTML file (player2.html) on JWPlayer root folder :
<DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JW Player</title>
<script src="jwplayer-x.xx.x/jwplayer.js"></script>
<script>jwplayer.key = "xxxx-xxxx-xxxxx-xxxx-xxxxx";</script>
</head>
<body>
<div id="player"></div>
<script>
jwplayer("player").setup({
sources: [{
file: "http://192.168.124.106:1935/edge/_definst_/smil:path2/bigbuckbunny.smil/jwplayer.smil",
type: "rtmp"
},{
file: "http://192.168.124.106:1935/edge/_definst_/smil:path2/bigbuckbunny.smil/manifest.f4m"
},{
file: "http://192.168.124.106:1935/edge/_definst_/smil:path2/bigbuckbunny.smil/manifest.mpd"
},{
file: "http://192.168.124.106:1935/edge/_definst_/smil:path2/bigbuckbunny.smil/playlist.m3u8"
},{
file: "rstp://192.168.124.106:1935/edge/_definst_/smil:path2/bigbuckbunny.smil"
}],
width: 640,
height: 360
});
</script>
</body>
</html>
8
Notes :
1. Red : Script Source from location of your jwplayer.js and jwplayer key from your jwplayer
account (ex. /usr/share/nginx/html/jwplayer-7.11.3/jwplayer.js)
2. Green : Adobe RTMP
3. Blue : Adobe HDS
4. Orange : MPEG Dash
5. Purple : Apple HLS / iOS
6. Light Blue : Android

Wowza Streaming Engine VOD Edge With JWPlayer

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Wowza Streaming Engine VOD Edge With JWPlayer

Enviado por

Direitos autorais:

Formatos disponíveis

1

Table of Contents ....................................................................................................................................... 2

Environment & Initial Setup ....................................................................................................................... 3

Install & Configuration ............................................................................................................................... 4

Wowza Streaming Engine VOD Edge with JWPlayer ........................................................................... 4

1. Wowza Streaming Engine VOD Edge server with content (video) :

 Wowza Streaming Engine VOD Edge with JWPlayer

For example Root folder : /usr/share/nginx/html/player.html

b. Restart NGINX (systemctl restart nginx) and open browser to test :

a. Add SMIL File on Wowza Streaming Engine VOD Edge :

Você também pode gostar