如何在javafx webview中观看流视频

时间:2018-09-07 14:45:13

标签: java android javafx webview video-streaming

我有一个Android应用程序,使用HTML代码将来自摄像机的视频挂在端口8080上。

服务器代码来自foxdog peepers

/* package */ final class MJpegHttpStreamer
{
private static final String TAG = MJpegHttpStreamer.class.getSimpleName();

private static final String BOUNDARY = "--gc0p4Jq0M2Yt08jU534c0p--";
private static final String BOUNDARY_LINES = "\r\n" + BOUNDARY + "\r\n";

private static final String HTTP_HEADER =
    "HTTP/1.0 200 OK\r\n"
    + "Server: Peepers\r\n"
    + "Connection: close\r\n"
    + "Max-Age: 0\r\n"
    + "Expires: 0\r\n"
    + "Cache-Control: no-store, no-cache, must-revalidate, pre-check=0, "
        + "post-check=0, max-age=0\r\n"
    + "Pragma: no-cache\r\n"
    + "Access-Control-Allow-Origin:*\r\n"
    + "Content-Type: multipart/x-mixed-replace; "
        + "boundary=" + BOUNDARY + "\r\n"
    + BOUNDARY_LINES;

private final int mPort;

private boolean mNewJpeg = false;
private boolean mStreamingBufferA = true;
private final byte[] mBufferA;
private final byte[] mBufferB;
private int mLengthA = Integer.MIN_VALUE;
private int mLengthB = Integer.MIN_VALUE;
private long mTimestampA = Long.MIN_VALUE;
private long mTimestampB = Long.MIN_VALUE;
private final Object mBufferLock = new Object();

private Thread mWorker = null;
private volatile boolean mRunning = false;

/* package */ MJpegHttpStreamer(final int port, final int bufferSize)
{
    super();
    mPort = port;
    mBufferA = new byte[bufferSize];
    mBufferB = new byte[bufferSize];
} // constructor(int, int)

/* package */ void start()
{
    if (mRunning)
    {
        throw new IllegalStateException("MJpegHttpStreamer is already running");
    } // if

    mRunning = true;
    mWorker = new Thread(new Runnable()
    {
        @Override
        public void run()
        {
            workerRun();
        } // run()
    });
    mWorker.start();
} // start()

/* package */ void stop()
{
    if (!mRunning)
    {
        throw new IllegalStateException("MJpegHttpStreamer is already stopped");
    } // if

    mRunning = false;
    mWorker.interrupt();
} // stop()

/* package */ void streamJpeg(final byte[] jpeg, final int length, final long timestamp)
{
    synchronized (mBufferLock)
    {
        final byte[] buffer;
        if (mStreamingBufferA)
        {
            buffer = mBufferB;
            mLengthB = length;
            mTimestampB = timestamp;
        } // if
        else
        {
            buffer = mBufferA;
            mLengthA = length;
            mTimestampA = timestamp;
        } // else
        System.arraycopy(jpeg, 0 /* srcPos */, buffer, 0 /* dstPos */, length);
        mNewJpeg = true;
        mBufferLock.notify();
    } // synchronized
} // streamJpeg(byte[], int, long)

private void workerRun()
{
    while (mRunning)
    {
        try
        {
            acceptAndStream();
        } // try
        catch (final IOException exceptionWhileStreaming)
        {
            System.err.println(exceptionWhileStreaming);
        } // catch
    } // while
} // mainLoop()

private void acceptAndStream() throws IOException
{
    ServerSocket serverSocket = null;
    Socket socket = null;
    DataOutputStream stream = null;

    try
    {
        serverSocket = new ServerSocket(mPort);
        serverSocket.setSoTimeout(1000 /* milliseconds */);

        do
        {
            try
            {
                socket = serverSocket.accept();
            } // try
            catch (final SocketTimeoutException e)
            {
                if (!mRunning)
                {
                    return;
                } // if
            } // catch
        } while (socket == null);

        serverSocket.close();
        serverSocket = null;
        stream = new DataOutputStream(socket.getOutputStream());
        stream.writeBytes(HTTP_HEADER);
        stream.flush();

        while (mRunning)
        {
            final byte[] buffer;
            final int length;
            final long timestamp;

            synchronized (mBufferLock)
            {
                while (!mNewJpeg)
                {
                    try
                    {
                        mBufferLock.wait();
                    } // try
                    catch (final InterruptedException stopMayHaveBeenCalled)
                    {
                        // stop() may have been called
                        return;
                    } // catch
                } // while

                mStreamingBufferA = !mStreamingBufferA;

                if (mStreamingBufferA)
                {
                    buffer = mBufferA;
                    length = mLengthA;
                    timestamp = mTimestampA;
                } // if
                else
                {
                    buffer = mBufferB;
                    length = mLengthB;
                    timestamp = mTimestampB;
                } // else

                mNewJpeg = false;
            } // synchronized

            stream.writeBytes(
                "Content-type: image/jpeg\r\n"
                + "Content-Length: " + length + "\r\n"
                + "X-Timestamp:" + timestamp + "\r\n"
                + "\r\n"
            );
            stream.write(buffer, 0 /* offset */, length);
            stream.writeBytes(BOUNDARY_LINES);
            stream.flush();
        } // while
    } // try
    finally
    {
        if (stream != null)
        {
            try
            {
                stream.close();
            } // try
            catch (final IOException closingStream)
            {
                System.err.println(closingStream);
            } // catch
        } //
        if (socket != null)
        {
            try
            {
                socket.close();
            } // try
            catch (final IOException closingSocket)
            {
                System.err.println(closingSocket);
            } // catch
        } // socket
        if (serverSocket != null)
        {
            try
            {
                serverSocket.close();
            } // try
            catch (final IOException closingServerSocket)
            {
                System.err.println(closingServerSocket);
            } // catch
        } // if
    } // finally
} // accept()


} // class MJpegHttpStreamer

在Android客户端中,我可以使用以下代码在网络视图中看到它:

 private void loadImageInURL(String urlImage) {

    if (myWebView != null) {

        myWebView.getSettings().setJavaScriptEnabled(true);
        myWebView.getSettings().setLoadWithOverviewMode(true);
        myWebView.getSettings().setUseWideViewPort(true);
        // To make the webview transparent to see the background image behind:
        myWebView.setBackgroundColor(0);
        // fit the width of screen
        myWebView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
        // remove a weird white line on the right size
        myWebView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
        myWebView.getSettings().setDomStorageEnabled(true);

        myWebView.setInitialScale(50);
        myWebView.setPadding(0, 0, 0, 0);

        int widthScreen = ComActivity.GetInstance().getSizeScreen()[0];

        int heightScreen = ComActivity.GetInstance().getSizeScreen()[1]; 

        this.urlData = "<!DOCTYPE html>" +
                "<html>" +
                        /*
                        "<head>" +
                            "<meta name=\"viewport\" content=\"width=device-width, target-densitydpi=device-dpi, initial-scale=0, maximum-scale=1, user-scalable=yes\">" +
                        "</head>"+
                        */
                "<body style = \"text-align:center\" leftmargin=\"0\" topmargin=\"0\" rightmargin=\"0\" bottommargin=\"0\">" +
                "<img src=http://" + urlImage + "/" + " width=\"" + widthScreen + "px\"  height=\"" + heightScreen + "px\" >" + // Dentro del img> alt="pageNo" width="100%"
                "</body>" +
                "</html>";
        //}


        // en el body --> width="100%"
        // en el meta --> content="width=device-width ...
        ComActivity.GetInstance().runOnUiThread(new Runnable() {
            @Override
            public void run() {
                ComActivity.GetInstance().write("loadDataWithBaseURL ==> urldata =" + urlData);
                myWebView.loadDataWithBaseURL(null, urlData, "text/html", "UTF-8", null);
                myWebView.reload();
            }
        });

    } else {
        Utils.makeToast(ComActivity.GetInstance(), "<WebView> reference in fragment is NULL",Utils.SHORT_TOAST);
    }
}

现在,我正在尝试使用NetBeans和Swing GUI创建桌面客户端,为此,我正在使用javafx webView,但结果是未加载视频。

我试图从浏览器访问视频地址,只有Chrome能够正确加载图像,Edge或Explorer尝试下载视频而不显示视频流。

在台式机版本中,我使用此代码加载Web视图,但仅出现一个图像加载失败的空白页面,并且如果我直接在Chrome中输入地址,它将显示流作为带有html标签的页面然后是字符形式的图像,html中的图像分隔符和字符中的下一个图像,直到您决定停止为止。

public void setWebView(String string) {

    webViewPanel.removeAll();
    browser = new SwingWebView();
    loadImageInURL(string);
    browser.setBounds(1, 1, webViewPanel.getWidth() - 1, webViewPanel.getHeight() - 1);
    webViewPanel.add(browser, BorderLayout.CENTER);
}

private void loadImageInURL(String urlImage) {

    if (browser != null) {

        int widthScreen = webViewPanel.getWidth();

        int heightScreen = webViewPanel.getHeight();

        this.urlData = "<!DOCTYPE html>"
                + "<html>"
                + "<body style = \"text-align:center\" leftmargin=\"0\" topmargin=\"0\" rightmargin=\"0\" bottommargin=\"0\">"
                + "<img src=http://" + urlImage + "/" + " width=\"" + widthScreen + "px\"  height=\"" + heightScreen + "px\" >"
                + "</body>"
                + "</html>";

        browser.loadURL(urlData); //"http://" + urlImage

    }
}

SwingWebview类是:

public class SwingWebView extends JFXPanel {
private WebEngine engine;

public SwingWebView() {
    Platform.runLater(new Runnable() {
        @Override
        public void run() {
            WebView view = new WebView();
            engine = view.getEngine();
            engine.setJavaScriptEnabled(true);
            setScene(new Scene(view));
        }
    });
    setVisible(true);
}

public void loadURL(final String url) {
    Platform.runLater(new Runnable() {
        @Override
        public void run() {
            engine.loadContent(url, "text/html"); 

        }
    });
}
}

我想知道我是否做错了什么,如果读取流的html代码错误,是否存在类似于Android Webview的组件,因为我分配的参数无法分配给javafx Webview,或者读取流的任何其他替代方法,尽管它包括更改挂起流的方式。

谢谢你,我等待你的回答

0 个答案:

没有答案