IpカメラからのRTSPライブストリームをデコードし、Webソケット経由でHTML5 Webクライアントに送信するJavaプログラムを作成します。 私はそれが私のPC上のシンプルなmp4ファイルになるとすることができます。JavaとWebソケットを使用してWebブラウザにRTSPライブストリームを表示
JAVA
@ServerEndpoint("/echo")
public class EchoEndPoint {
@OnMessage
public byte[] echo(String message) {
File file = new File("/home/maher/devTools/video/testVideo.mp4");
byte[] data = new byte[(int) file.length()];
DataInputStream stream = null;
try {
stream = new DataInputStream(new FileInputStream(file));
} catch (FileNotFoundException e1) {
// TODO Auto-generated catch block
e1.printStackTrace();
}
if (stream != null) {
try {
stream.readFully(data);
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
try {
stream.close();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
return data;
}
}
HTML
<!DOCTYPE html>
<html>
<head>
<title>Test streaming over WebSockets</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<script language="javascript" type="text/javascript">
var wsUri = "ws://localhost:7070/serverWs/echo";
function init() {
websocket = new WebSocket(wsUri);
websocket.onmessage = function (evt) {
readFile(evt.data);
};
}
function readFile(fileData) {
var video = document.getElementById('area');
video.src = window.URL.createObjectURL(fileData);
}
function createObjectURL(file) {
if (window.webkitURL) {
return window.webkitURL.createObjectURL(file);
} else if (window.URL && window.URL.createObjectURL) {
return window.URL.createObjectURL(file);
} else {
return null;
}
}
function startVideo() {
var message = "startVideo";
websocket.send(message);
}
window.addEventListener("load", init, false);
</script>
</head>
<body>
<h2 style="text-align: center;">Client WebSocket Echo</h2>
<div style="text-align: center;">
<input onclick="startVideo()" value="Start video" type="button">
</div>
<div>
<video id='area' controls="controls" autoplay></video>
</div>
</body>
</html>
しかし、それはライブRTSPストリーミングURLに来るとき、私はストリームをデコードし、それを介して送信する方法を見つけることができません。私のコードは次のようになりますWSはそのストリームを私のWebページに表示します。