Java と WebSocket の組み合わせ: リアルタイムのビデオストリーミングを実現する方法-＆＃＆チュートリアル-php.cn

Java と WebSocket の組み合わせ: リアルタイムのビデオストリーミングを実現する方法

WBOY

リリース： 2023-12-17 17:50:08

オリジナル

1343 人が閲覧しました

Java と WebSocket の組み合わせ: リアルタイムのビデオストリーミングを実現する方法

インターネット技術の継続的な発展に伴い、リアルタイムビデオストリーミングはインターネット分野における重要なアプリケーションとなっています。リアルタイムのビデオストリーミングを実現するための主要なテクノロジには、WebSocket と Java が含まれます。この記事では、WebSocket と Java を使用してリアルタイムビデオストリーミングを実装する方法を紹介し、関連するコード例を示します。

1. WebSocket とは

WebSocket は、単一の TCP 接続で全二重通信を行うためのプロトコルであり、Web 開発で使用されることが増えています。 WebSocket プロトコルの重要な機能は、クライアントとサーバー間の永続的な接続を維持し、リアルタイムの双方向データストリーミングを可能にすることです。

WebSocket over HTTP の利点は次のとおりです。

サーバー側の負担が軽減されます。接続を頻繁に確立したり切断したりする必要がないため、サーバーをより効率的に使用できます。リソース;
情報送信の高速化: WebSocket プロトコルでは接続を確立するために最初のハンドシェイクのみが必要であるため、HTTP リクエストを再送信する必要がないため、その後のクライアントからサーバーへのデータ送信が高速になります。

2. Java と WebSocket の組み合わせ

Java はインターネット開発で広く使用されている言語であり、WebSocket テクノロジをサポートしています。 Java では、Javax.websocket パッケージを使用して WebSocket 通信を実装できます。ここでは、以下に示すように、Tomcat WebSocket の関連する jar パッケージを追加し、このクラスが WebSocket のサーバーであることを示す注釈 @ServerEndpoint を追加する必要があります。

@ServerEndpoint("/video")
public class VideoSocket {

    Session session;

    @OnOpen
    public void onOpen(Session session) {
        this.session = session;
    }

    @OnClose
    public void onClose() {}

    @OnError
    public void onError(Throwable error) {}

    @OnMessage
    public void onMessage(String message, Session session) {}
}

ログイン後にコピー

上記のコードでは、@ServerEndpoint は次のように指定します。サービス末端への入り口、つまりWebSocketのURI、ここでは「/video」を例に挙げます。 @OnOpen、@OnClose、@OnError、@OnMessage などのアノテーションは、それぞれ WebSocket クライアントとサーバー間の成功した接続、接続の終了、例外、および情報処理メソッドに対応します。

3. リアルタイムのビデオストリーム再生を実現する方法

フロントエンドでは、 HTML5のvideoタグを利用して動画を再生し、WebSocketによるサーバーとの通信を実現することで、リアルタイムの動画ストリーム再生を実現します。具体的なコード例は次のとおりです。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>WebSocket视频流播放</title>
    <style>
        video {
            width: 640px;
            height: 480px;
        }
    </style>
</head>
<body>
    <video id="video" src="" controls></video>
    <script>
        var ws = new WebSocket("ws://localhost:8080/video");

        ws.onopen = function() {
            console.log("WebSocket已连接");
        }

        ws.onmessage = function(event) {
            var data = event.data;
            var blob = new Blob([data], {type: "video/mp4"});
            var url = window.URL.createObjectURL(blob);
            var video = document.getElementById("video");
            video.src = url;
        }

        ws.onclose = function() {
            console.log("WebSocket已关闭");
        }
    </script>
</body>
</html>

ログイン後にコピー

上記のコードでは、まず WebSocket 経由でサーバーに接続し、サーバーから送信されたメッセージを受信したら、Blob オブジェクトを通じてメッセージをバイナリオブジェクトに変換します。、 URL.createObjectURL () メソッドを使用して、オーディオ、ビデオ、画像、およびその他のタグソースに使用できる URL を作成します。最後にvideoタグのsrc属性にURLを代入して動画の再生が完了します。

サーバー側では、Java の WebSocket テクノロジを使用して、リアルタイムビデオストリームの送信を実現できます。

@ServerEndpoint("/video")
public class VideoSocket {

    Session session;

    @OnOpen
    public void onOpen(Session session) {
        this.session = session;
    }

    @OnClose
    public void onClose() {}

    @OnError
    public void onError(Throwable error) {}

    @OnMessage
    public void onMessage(String message, Session session) {}

    public void sendMessage(byte[] data) {
        try {
            session.getBasicRemote().sendBinary(ByteBuffer.wrap(data));
        } catch (IOException e) {}
    }
}

ログイン後にコピー

上記のコードでは、ビデオストリームをクライアントに送信するために使用される sendMessage() メソッドが定義されています。メソッドパラメータはバイト型のデータストリームです。 []。このうち、session.getBasicRemote().sendBinary()メソッドを呼び出してバイナリデータを送信します。

4. 概要

上記の紹介を通じて、WebSocket と Java の組み合わせと、WebSocket と Java を介してリアルタイムのビデオストリーミング再生を実装する方法について学びました。このテクノロジを実装するには、特定のフロントエンドおよびバックエンドアーキテクチャと特定のアプリケーションシナリオが必要であることに注意してください。実際のプロジェクト開発では、特定のニーズに応じてテクノロジーを選択して実装する必要があります。

以上がJava と WebSocket の組み合わせ: リアルタイムのビデオストリーミングを実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。