vidéo pleine page de terminal lecteur de streaming EasyPlayer d'utilisation nginx et construire plug-RTMP en direct et sur demande serveur vidéo

Utilisez nginx et le module RTMP, vous pouvez facilement construire une diffusion vidéo et hors serveur sur demande. Nous examinons ici les étapes de mise en œuvre spécifique:

1. Installer et nginx Module rtmp

Compiler et installer le nginx concerné est relativement simple, non décrit ici, voir Réf. nous vous proposons ici les points suivants:

(1) installé nginx, les fichiers de configuration ici:

/usr/local/nginx/conf/nginx.conf
(2) de commande de début:

$ sudo /usr/local/nginx/sbin/nginx -s stop
$ sudo /usr/local/nginx/sbin/nginx

2. Configurer en direct et sur demande un service vidéo nginx

Regardez le fichier de configuration nginx de configuration complète relative à la vidéo sur demande et en direct:

rtmp {
	server {
		listen 1935;
		chunk_size 4096;
		application live {
			live on;
			record off;
		}
		application live2 {
			live on;
			record off;
		}
		# video on demand
		application vod {
			play /var/flvs;
		}
		application vod_http {
			play http://192.168.31.185/vod;
		}
		application hls {
			live on;
			hls on;
			hls_path /tmp/hls;
		}
	}
}
# HTTP can be used for accessing RTMP stats
http {
    server {
	listen      8080;
	# This URL provides RTMP statistics in XML
	location /stat {
	    rtmp_stat all;
	    # Use this stylesheet to view XML as web page
	    # in browser
	    rtmp_stat_stylesheet stat.xsl;
	}
	location /stat.xsl {
	    # XML stylesheet to view RTMP stats.
	    # Copy stat.xsl wherever you want
	    # and put the full directory path here
	    root /path/to/stat.xsl/;
	}
	location /hls {
	    # Serve HLS fragments
	    types {
		application/vnd.apple.mpegurl m3u8;
		video/mp2t ts;
	    }
	    root /tmp;
	    add_header Cache-Control no-cache;
	}
	location /dash {
	    # Serve DASH fragments
	    root /tmp;
	    add_header Cache-Control no-cache;
	}
    }
}

Maintenant, pour expliquer la signification de chaque ligne de l'intérieur du code. Pour les services vidéo en direct, si la nécessité de soutenir flux d'entrée multiples, il est très simple, et plus avec quelques applications dans le fichier de configuration nginx ne sera, comme ceci:

application live {
	live on;
	record off;
}
application live2 {
	live on;
	record off;
}

Cela peut être poussé à travers le flux en direct d'adresse suivante, l'autre extrémité du public est également accessible par le flux en direct l'adresse suivante:

rtmp: //192.168.31.185/live/test
rtmp: //192.168.31.185/live2/test
suivi par les mots - clés de test, peut facilement être remplacé, aussi longtemps que vous appuyez sur le débit et l' accès à la même adresse.

Module rtmp peut également soutenir directement cette vidéo VOD sur le service à la demande, il vous suffit d'ajouter ce qui suit dans le fichier de configuration:

# video on demand
application vod {
    play /var/flvs;
}

application vod_http {
    play http://myserver.com/vod;
}

Et puis jeté dans un mp4 ou d'un fichier flv / var / sous FLVS pour le fichier vidéo /var/flvs/dir/file.flv, il est accessible à l'adresse suivante:

http://myserver.com/vod//dir/file.flv

Ainsi, vous pouvez regarder la vidéo directement dans le navigateur via le Web. Pour les fichiers mp4, vous pouvez également obtenir un service VOD, mais il a besoin est l'utilisation du H.264 et le format AAC fichier mp4 codé.

Configuration 3. HLS de flux en direct

Si vous devez utiliser la vidéo en direct HLS, comme directement les fichiers de configuration, écrire le paragraphe suivant:

application hls {
        live on;
        hls on;
        hls_path /tmp/hls;
}

Alors que l'arrière par rapport à l'accès en écriture http:

# HTTP can be used for accessing RTMP stats
http {
	server {
		listen	  8080;
		# This URL provides RTMP statistics in XML
		location /stat {
			rtmp_stat all;
			# Use this stylesheet to view XML as web page
			# in browser
			rtmp_stat_stylesheet stat.xsl;
		}
		location /stat.xsl {
			# XML stylesheet to view RTMP stats.
			# Copy stat.xsl wherever you want
			# and put the full directory path here
			root /path/to/stat.xsl/;
		}
		location /hls {
			# Serve HLS fragments
			types {
				application/vnd.apple.mpegurl m3u8;
				video/mp2t ts;
			}
			root /tmp;
			add_header Cache-Control no-cache;
		}
		location /dash {
			# Serve DASH fragments
			root /tmp;
			add_header Cache-Control no-cache;
		}
	}
}

Avec un bon avenir, les flux de bouchon peut utiliser l'adresse suivante:

rtmp: //192.168.31.185/hls/movie
mots - clés film peut être tout remplacement. Pour la fin de l' audience, il peut être joué de plusieurs façons:

(1) rtmp:

RTMP: //192.168.31.185/hls/movie
(2) jouer avec HLS:

http://192.168.31.185:8080/hls/movie.m3u8
afin que vous puissiez voir l'extrémité d'ancrage de l'introduction au courant. Notez que si vous utilisez http façon, il est à l' écoute sur le port 8080, ce qui est écrit dans le fichier de configuration.

4. Le joueur joue web

Dans la deuxième étape, en plus d'ouvrir l'URL directement dans le navigateur pour voir la vidéo, vous pouvez également écrire une page pour les services de vidéo à la demande comme Youku comme. En utilisant un lecteur tiers, implanté sur la page où le joueur pour y parvenir, comme l'utilisation lecteur EasyPlayer.