Trước tiên, bạn cần thiết lập một máy chủ phát trực tuyến đa phương tiện. Bạn có thể sử dụng Wowza, red5 hoặc nginx-rtmp-module . Đọc tài liệu của họ và thiết lập trên hệ điều hành bạn muốn. Tất cả các công cụ đều hỗ trợ HLS (giao thức Http Live Stream được phát triển bởi Apple). Bạn nên đọc tài liệu về cấu hình. Ví dụ với nginx-rtmp-module:
rtmp {
server {
listen 1935;
chunk_size 4000;
application show {
live on;
hls on;
hls_path /mnt/hls/;
hls_fragment 3;
hls_playlist_length 60;
deny play all;
}
}
}
server {
listen 8080;
location /hls {
add_header Cache-Control no-cache;
add_header 'Access-Control-Allow-Origin' '*' always;
add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
add_header 'Access-Control-Allow-Headers' 'Range';
if ($request_method = 'OPTIONS') {
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Headers' 'Range';
add_header 'Access-Control-Max-Age' 1728000;
add_header 'Content-Type' 'text/plain charset=UTF-8';
add_header 'Content-Length' 0;
return 204;
}
types {
application/vnd.apple.mpegurl m3u8;
video/mp2t ts;
}
root /mnt/;
}
}
Sau khi máy chủ được thiết lập và cấu hình thành công. bạn phải sử dụng một số phần mềm mã hóa rtmp (OBS, wirecast ...) để bắt đầu phát trực tuyến như youtube hoặc twitchtv.
Ở phía máy khách (trong trường hợp của bạn là trình duyệt), bạn có thể sử dụng Videojs hoặc JWplayer để phát video cho người dùng cuối. Bạn có thể làm điều gì đó như bên dưới cho Videojs:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Live Streaming</title>
<link href="//vjs.zencdn.net/5.8/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/5.8/video.min.js"></script>
</head>
<body>
<video id="player" class="video-js vjs-default-skin" height="360" width="640" controls preload="none">
<source src="http://localhost:8080/hls/stream.m3u8" type="application/x-mpegURL" />
</video>
<script>
var player = videojs('#player');
</script>
</body>
</html>
Bạn không cần thêm plugin khác như flash (vì chúng tôi sử dụng HLS không phải rtmp). Trình phát này có thể hoạt động tốt trên nhiều trình duyệt mà không cần flash.