https://my.oschina.net/yushulx/blog/298140

How to Implement a Java WebSocket Server for Image Transmission with Jetty

创建一个从WebSocketHandler继承的类WSHandler：

import org.eclipse.jetty.websocket.api.Session;

import org.eclipse.jetty.websocket.api.annotations.OnWebSocketClose;

import org.eclipse.jetty.websocket.api.annotations.OnWebSocketConnect;

import org.eclipse.jetty.websocket.api.annotations.OnWebSocketError;

import org.eclipse.jetty.websocket.api.annotations.OnWebSocketMessage;

import org.eclipse.jetty.websocket.api.annotations.WebSocket;

import org.eclipse.jetty.websocket.server.WebSocketHandler;

import org.eclipse.jetty.websocket.servlet.WebSocketServletFactory;

 

@WebSocket

public class WSHandler extends WebSocketHandler {

 

    @OnWebSocketClose

    public void onClose(int statusCode, String reason) {

    }

 

    @OnWebSocketError

    public void onError(Throwable t) {

    }

 

    @OnWebSocketConnect

    public void onConnect(Session session) {

    }

 

    @OnWebSocketMessage

    public void onMessage(String message) {

    }

 

    @Override

    public void configure(WebSocketServletFactory factory) {

        // TODO Auto-generated method stub

        factory.register(WSHandler.class);

    }

}

设置一个端口和Handler，启动Server：

public static void main(String[] args) throws Exception {

    Server server = new Server(2014);

    server.setHandler(new WSHandler());

    server.setStopTimeout(0);

    server.start();

    server.join();

}

JavaScript客户端

写一个简单的测试。

Index.htm:

<!DOCTYPE html>

<html>

    <body>

        <script src="websocket.js"></script>

    </body>

</html>

Websocket.js:

var ws = new WebSocket("ws://127.0.0.1:2014/");

 

ws.onopen = function() {

    alert("Opened");

    ws.send("I'm client");

};

 

ws.onmessage = function (evt) { 

};

 

ws.onclose = function() {

    alert("Closed");

};

 

ws.onerror = function(err) {

    alert("Error: " + err);

};

图像传输

功能：

  • 从网页中主动获取图像

  • 服务端推送图像到网页中

代码修改

从网页中获取服务端数据。

在index.htm中添加一个按钮元素和一个图片元素：

<!DOCTYPE html>

<html>

    <body>

        <h1>WebSocket Image Display</h1>

        <input type="button" id="button" value="image" ><br>

        <img id="image"></<img>

        <script src="websocket.js"></script>

    </body>

</html>

在Websocket.js中添加下面的代码：

ws.binaryType = "arraybuffer";

var button = document.getElementById("button");

button.onclick = function() {

    ws.send("image"); // send the fetch request

};

ws.onmessage = function (evt) { // display the image

    var bytes = new Uint8Array(evt.data);

    var data = "";

    var len = bytes.byteLength;

    for (var i = 0; i < len; ++i) {

        data += String.fromCharCode(bytes[i]);

    }

    var img = document.getElementById("image");

    img.src = "data:image/png;base64,"+window.btoa(data);

};

服务端收到消息之后，发送图片：

public void onMessage(String message) {

        System.out.println("Message: " + message);

        if (message.equals("image")) {

            System.out.println("session: " + mSession);

            if (mSession != null) {

                try {

                    File f = new File("image\\github.jpg");

                    BufferedImage bi = ImageIO.read(f);

                    ByteArrayOutputStream out = new ByteArrayOutputStream();

                    ImageIO.write(bi, "png", out);

                    ByteBuffer byteBuffer = ByteBuffer.wrap(out.toByteArray());

                    mSession.getRemote().sendBytes(byteBuffer);

                    out.close();

                    byteBuffer.clear();

 

                } catch (IOException e) {

                    e.printStackTrace();

                }

            }

        }

    }

从服务端发送数据到客户端。

在服务端的UI上添加两个按钮，一个用来加载本地图片，一个用来发送图片：

package com.ui;

 

import java.awt.BorderLayout;

import java.awt.Toolkit;

import java.awt.event.ActionEvent;

import java.awt.event.ActionListener;

import java.awt.image.BufferedImage;

import java.io.ByteArrayOutputStream;

import java.io.File;

import java.io.IOException;

import java.util.ArrayList;

 

import javax.imageio.ImageIO;

import javax.swing.ImageIcon;

import javax.swing.JButton;

import javax.swing.JFileChooser;

import javax.swing.JFrame;

import javax.swing.JLabel;

import javax.swing.JPanel;

import javax.swing.SwingUtilities;

import javax.swing.UIManager;

import javax.swing.filechooser.FileNameExtensionFilter;

 

import com.server.WSHandler;

import com.server.WebSocketServer;

 

public class UIMain extends JPanel

                             implements ActionListener {

    private JButton mLoad, mSend;

    private JFileChooser mFileChooser;

    private JLabel mImage;

    private byte[] mData;

    private WebSocketServer mWebSocketServer;

 

    public UIMain() {

        super(new BorderLayout());

 

        //Create a file chooser

        mFileChooser = new JFileChooser();

        FileNameExtensionFilter filter = new FileNameExtensionFilter(

                ".png.jpg", "png","jpg");

        mFileChooser.setFileFilter(filter);

        mLoad = new JButton("Load");

        mLoad.addActionListener(this);

 

        mSend = new JButton("Send");

        mSend.addActionListener(this);

        mSend.setEnabled(false);

 

        // button panel

        JPanel buttonPanel = new JPanel(); 

        buttonPanel.add(mLoad);

        buttonPanel.add(mSend);

        add(buttonPanel, BorderLayout.PAGE_START);

 

        // image panel

        JPanel imageViewer = new JPanel();

        mImage = new JLabel();

        mImage.setSize(480, 640);

        imageViewer.add(mImage);

        add(imageViewer, BorderLayout.CENTER);

 

        // WebSocketServer

        mWebSocketServer = new WebSocketServer();

        mWebSocketServer.start();

    }

 

    @Override

    public void actionPerformed(ActionEvent e) {

 

    }

 

    private static void createAndShowGUI() {

        //Create and set up the window.

        JFrame frame = new JFrame("WebSocket Demo");

        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

 

        //Add content to the window.

        frame.add(new UIMain());

 

        //Display the window.

        frame.pack();

        frame.setVisible(true);

        frame.setResizable(false);

        frame.setSize(480, 700);

 

        double width = Toolkit.getDefaultToolkit().getScreenSize().getWidth();

        double height = Toolkit.getDefaultToolkit().getScreenSize().getHeight();

        int frameWidth = frame.getWidth();

        int frameHeight = frame.getHeight();

        frame.setLocation((int)(width - frameWidth) / 2, (int)(height - frameHeight) / 2);

    }

 

    public static void main(String[] args) {

 

        SwingUtilities.invokeLater(new Runnable() {

            @Override

            public void run() {

                UIManager.put("swing.boldMetal", Boolean.FALSE); 

                createAndShowGUI();

            }

        });

    }

}

为了防止UI阻塞，Websocket server需要在线程中创建：

package com.server;

 

import org.eclipse.jetty.server.Server;

 

public class WebSocketServer extends Thread{

 

    @Override

    public void run() {

        // TODO Auto-generated method stub

        super.run();

 

        try {

            Server server = new Server(2014);

            server.setHandler(new WSHandler());

            server.setStopTimeout(0);

            server.start();

            server.join();

        } catch (Exception e) {

            // TODO Auto-generated catch block

            e.printStackTrace();

        }

    }

}

在按钮事件中添加图片添加和发送功能：

public void sendImage(byte[] data) {

        if (mSession == null)

            return;

 

        try {           

            ByteBuffer byteBuffer = ByteBuffer.wrap(data);

            mSession.getRemote().sendBytes(byteBuffer);

            byteBuffer.clear();

        } catch (IOException e) {

            e.printStackTrace();

        }

    }

 

@Override

    public void actionPerformed(ActionEvent e) {

 

        if (e.getSource() == mLoad) {

 

            int returnVal = mFileChooser.showOpenDialog(UIMain.this);

 

            if (returnVal == JFileChooser.APPROVE_OPTION) {

                File file = mFileChooser.getSelectedFile();     

 

                // load image data to byte array

                try {           

                    BufferedImage bi = ImageIO.read(file);

                    ByteArrayOutputStream out = new ByteArrayOutputStream();

                    ImageIO.write(bi, "png", out);

                    mData = out.toByteArray();

                    out.close();

                } catch (IOException exception) {

                    exception.printStackTrace();

                }

 

                mImage.setIcon(new ImageIcon(mData));

                mSend.setEnabled(true);

            }

        } 

        else if (e.getSource() == mSend) {

            ArrayList<WSHandler> sessions = WSHandler.getAllSessions();

            for (WSHandler session : sessions) {

                session.sendImage(mData);

            }

            mSend.setEnabled(false);

        }

    }

使用Jetty搭建Java Websocket Server，实现图像传输的更多相关文章

  1. Caused by: java.lang.IllegalStateException: javax.websocket.server.ServerContainer not available

    java.lang.IllegalStateException: Failed to load ApplicationContext    at org.springframework.test.co ...

  2. java websocket学习

    引言: websocket,webservice傻傻分不清楚,都觉得是很高深的东西,理解中的webservice是一种协议,通信协议,类似http协议的那种,比如使用webservice协议调后台接口 ...

  3. GIN+GORILLA=A GOLANG WEBSOCKET SERVER

    鉴于聊天已然成为大部分app的基础功能,而大部分app用户基数有没有辣么大,常用的聊天server架构如xmpp或者消息队列实现之类的用起来还挺麻烦的,有比较难跟网页端做交互,加之H5标准落地,所以w ...

  4. 【IntelliJ IDEA新手入门】IDEA如何快速搭建Java开发环境

    作为IntelliJ IDEA mac新手,IDEA如何快速搭建Java开发环境呢? 今天小编就给大家带来了IntelliJ IDEA mac使用教程,想知道IDEA如何快速搭建Java开发环境?那就 ...

  5. IDEA如何快速搭建Java开发环境

    作为IntelliJ IDEA mac新手,IDEA如何快速搭建Java开发环境呢?今天小编就给大家带来了IntelliJ IDEA mac使用教程,想知道IDEA如何快速搭建Java开发环境? 全局 ...

  6. java WebSocket Demo

    1.IDEA创建Module,结构如图(Tomcat8.0) 2.引入jar包:javax.websocket-api.jar 3.新建WebSocketTest类 import javax.webs ...

  7. 在 Ubuntu 13.10 中搭建Java开发环境 - 懒人版

    本文记录我在Ubuntu 13.10中搭建Java开发环境. 本文环境: Ubuntu 13.10 x64运行在Win7下的VMware Workstation 10中. 1. 安装JDK与JRE s ...

  8. SSD Cloud Hosting - Linode的配置和部署，搭建Java环境

    0.发牢骚 前一个月在淘宝购买了个Jsp空间,挺便宜的,才38元/年.部署了程序,然后ALIMAMA验证网站,一直提示验证失败.最后找卖家,他说可能是因为空间太慢,照他的推荐换了最好的空间,138元/ ...

  9. RedHat7/Windows7搭建JAVA开发环境（Eclipse）

    RedHat7搭建JAVA开发环境 安装JAVA # yum install java 安装Tomcat # yum install tomcat 确认Tomcat版本 # tomcat versio ...

随机推荐

  1. hdu_5750_Dertouzos(线性筛)

    题目连接:hdu_5750_Dertouzos 题意: 给你一个n,一个d,问你比n小的数中有多少个数的最大的因子为d,比如6有因子1 2 3 最大的为3 题解: 当时比赛做这题的时候没考虑常数的优化 ...

  2. float的精度,3个小数相加后精度丢失--小数比较使用bccomp()方法

    $a = 1200.00;$b = 1199.80;$c = 0.1;$u = 0.12; $d = $b+$c+$u;var_dump($a);var_dump($d);var_dump(bccom ...

  3. LeetCode OJ 220.Contains Duplicate 3

    Given an array of integers, find out whether there are two distinct indices i and j in the array suc ...

  4. find the greatest common divisor

    function gcd(a, b) return a else return gcd(b, a mod b)

  5. flex、As 3.0 小知识

    <s:CheckBox  id="checkBox" x="10" y="5" label="{new ObjectProx ...

  6. httpclient调用方法

    /**  * GET请求  *   * @param url  *            请求url,参数拼在请求串中  */ public static String get(String url) ...

  7. PHP错误异常处理详解【转载】

    异常处理(又称为错误处理)功能提供了处理程序运行时出现的错误或异常情况的方法. 异常处理通常是防止未知错误产生所采取的处理措施.异常处理的好处是你不用再绞尽脑汁去考虑各种错误,这为处理某一类错误提供了 ...

  8. Windows下搭建PHP开发环境【总结】

    一.准备工作-下载所需软件 Apache 进入apache服务器官网http://httpd.apache.org/ ,下面是下载的教程:http://jingyan.baidu.com/articl ...

  9. Industry Engineer

    IE:有两种,一种是系统方面的,对全厂的物流设计,依据产量做人力估算,机台,设备,手工具的估算等,一种是配合产能提升做制造的改善,以及SOP(Standard Operation Procedure: ...

  10. String s = new String("aa") 创建了几个对象？

    1 最近几个同学面试的时候出现了这样一个问题 刚听到这个题目的时候的确是不知所措: 经过网上的查找和自己的理解来解释一下这个题目的答案 答案是: 为什么呢??? 1 实现我们都知道创建实例有两种方法 ...