JavaWeb實現視訊線上播放

阿新 • • 發佈：2019-01-21

video.js實現視訊線上播放（支援MP4、webm、ogg三中格式）

<%@ page language="java" contentType="text/html; charset=UTF-8"  
    pageEncoding="UTF-8"%>  
<%  
    String swfFilePath=session.getAttribute("document_url").toString();  
%>  
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Video.js 6.2.8</title>
	<link rel="stylesheet" href="../static/css/ttdms/video-js.css"> 	
	<script src="../static/js/ttdms/video.min.js"></script> 
	<script src="../static/js/ttdms/videojs-ie8.min.js"></script> 
	<style>
		body{background-color: #191919}
		.m{ width: 740px; height: 400px; margin-left: auto; margin-right: auto; margin-top: 100px; }
	</style>
		
		
</head>

<body>
	<div class="m">
		<video id="my-video" class="video-js" controls preload="auto" width="740" height="400"
		  poster="m.png" data-setup="{}">
			<!-- <source src="http://192.168.1.139:8080/boot-crm/upload/water.mp4" type="video/mp4"> -->
			<p class="vjs-no-js">
			  To view this video please enable JavaScript, and consider upgrading to a web browser that
			  <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
			</p>
		  </video>
		 
	</div>

</body>
 <script type="text/javascript">
		var myPlayer = videojs('my-video');
		videojs("my-video").ready(function(){
			var myPlayer = this;
			//myPlayer.src("http://192.168.1.139:8080/boot-crm/upload/water.mp4");
			myPlayer.src("<%=swfFilePath%>");
			myPlayer.play();
		});
</script>
</html>

ffmpeg把上傳的視訊格式轉換為MP4格式（並新增水印）

import java.util.ArrayList;  
import java.util.List;  

public class ConvertVideo {	
    /**  
     * 視訊轉碼 (PC端MP4) 
     * @param ffmpegPath    轉碼工具的存放路徑 
     * @param upFilePath    用於指定要轉換格式的檔案,要截圖的視訊原始檔 
     * @param codcFilePath    格式轉換後的的檔案儲存路徑 
     * @return  
     * @throws Exception  
     */    
    public static boolean exchangeToMp4(String ffmpegPath, String upFilePath, String codcFilePath) throws Exception {    
        // 建立List集合來儲存轉換視訊檔案為flv格式的命令   
        List<String> convert = new ArrayList<String>();    
        convert.add(ffmpegPath); // 新增轉換工具路徑    
        convert.add("-y"); // 該引數指定將覆蓋已存在的檔案    
        convert.add("-i");  
        convert.add(upFilePath);  
        convert.add("-c:v");  
        convert.add("libx264");  
        convert.add("-c:a");  
        convert.add("aac");  
        convert.add("-strict");  
        convert.add("-2");  
        convert.add("-pix_fmt");  
        convert.add("yuv420p");  
        convert.add("-movflags");  
        convert.add("faststart");  
        convert.add("-vf");   // 新增水印  
        //convert.add("movie=logosmall.png[wm];[in][wm]overlay=20:20[out]");  
        convert.add("movie=D\\\\:/conver/ffmpeg/tonghua.png[wm];[in][wm]overlay=10:main_h-overlay_h-10[out]");
        convert.add(codcFilePath);    
    
        boolean mark = true;    
                  
        try {    
            Process videoProcess = new ProcessBuilder(convert).redirectErrorStream(true).start();              
            new PrintStream(videoProcess.getInputStream()).start();                          
            //videoProcess.waitFor();  // 加上這句，系統會等待轉換完成。不加，就會在伺服器後臺自行轉換。  
              
        } catch (Exception e) {    
            mark = false;    
            System.out.println(e);    
            e.printStackTrace();    
        }    
        return mark;    
    }   


    
   
    public static void main(String s[]) {  
    	try {   		
			exchangeToMp4("D:\\conver\\ffmpeg\\ffmpeg.exe","E:\\updouad\\01.flv","E:\\updouad\\011213.mp4");
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
    }
}

JavaWeb實現視訊線上播放

video.js實現視訊線上播放（支援MP4、webm、ogg三中格式）<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

JMeter流媒體線上播放HLS外掛BlazeMeter - HLS Plugin實現視訊線上播放壓測

一、前提近日因工作需要，需對視訊線上播放功能進行壓測，視訊播放使用的是HLS協議，傳輸內容包括兩部分，一是用來控制播放的m3u8檔案，二是TS媒體檔案。（HLS協議和m3u8詳解可參考此連結：https://blog.csdn.net/aoshilang2249/article/details/820121

Android中使用JiaoZiVideoPlayer來實現視訊列表播放的效果

目的：我這邊是想做類似於鬥魚直播裡的視訊模組的視訊列表播放形式。然後下載程式碼，根據自己需要的樣式去找相應的程式碼進行研究。效果圖如下：使用步驟：（1）新增遠端依賴： /*呼叫Video視訊播放器*/ implementation 'cn.jzvd:

Unity利用MovieTexture實現視訊的播放

Unity實現視訊的播放首先要下載一個叫Theora Converter .NET的小程式。安裝後把所用到的視訊檔案轉碼成ovg，拖進去即可。點選apply後這個視訊才會分成一個視訊檔案和一個音訊檔案。然後就可以寫程式碼了，程式碼很簡單，如下： using Uni

Android 實現視訊錄製播放

實現類似微信的小視訊功能，可以錄製一個視訊然後播放該視訊。視訊錄製，使用一個自定義控制元件。 <span style="font-size:14px;">/** * 視訊錄製控制元件 * * @author lip * * @date

Java實現視訊網站的視訊上傳、視訊轉碼、視訊關鍵幀抽圖, 及視訊播放功能視訊網站中提供的線上視訊播放功能,播放的都是FLV格式的檔案,它是Flash動畫檔案,可通過Flash製作的播放器來播

package com.webapp.service; import java.io.File; import java.io.IOException; import java.io.PrintWriter; import java.util.List; import javax.servlet.Serv

Android系統自帶的MediaRecorder結合Camera實現視訊錄製及播放功能。

近期，公司專案新增了需求，需要視訊錄製，然後儲存到本地，再播放...。看了很多其他的框架，說不出好壞，應該說各有千秋吧。但我覺得還是原生的靠譜，就是谷歌系統自帶的MediaRecorder。不多說上程式碼吧（已經測試，沒問題）。程式碼沒什麼複雜的，都是些

Android SurfaceView+MediaPlayer實現幾個不同的視訊輪流播放

MediaPlayer 1）如何獲得MediaPlayer例項：可以使用直接new的方式： MediaPlayer mp = new MediaPlayer(); 也可以使用create的方式，如： MediaPlayer mp = MediaPlayer.create(t

ExtJS實現視訊播放功能以及設定視訊播放起始時間呼叫mediaplayer

ExtJS在語法上用起來和JS還是有一定區別，初始用起來很不習慣，但總起來說還是把視訊播放的功能做出來了，分享出來，以供參考。使用ExtJS呼叫mediaplayer其實還是用的<embed>標籤或者使用<object></object>標籤，在我參考不少文

vue專案利用vue-video-player實現視訊相容IOS和安卓放大播放

首先，圖片和視訊混合一起，預設圖片製作poster點選彈窗手機播放器 <template> <div class="look-v"> <section class="view-wrap" v-if="accObj"> <div c

opencv+vs2017實現視訊的讀取及播放，同時將每一幀圖片儲存在指定檔案

#include "highgui.h" #include <iostream> using namespace std; int main(int argc, char** argv) { cvNamedWindow("視訊播放器", CV_WINDOW_A

簡單的web伺服器實現視訊播放

準備寫一個web伺服器專門供宿舍看電影用。之前已經實現基本的web伺服器，今天又把視訊播放器弄好了，接下來就是整合了。視訊播放器，用的CuPlayer,改改demo就行，之前不成功可能是沒在localhost下測試，視訊是需要伺服器提供檔案傳輸服務的。

android，Exoplayer實現視訊播放器

bundle配置： implementation 'com.google.android.exoplayer:exoplayer-core:2.8.1'implementation 'com.google.android.exoplayer:exoplayer-dash:2.8.1'implementati

qt實現視訊播放器

本篇部落格介紹如何利用qMediaPlayer和qvideowidget實現視訊檔案(avi,mp4....)的播放，並且提供進度顯示，還可以通過拖動進度條來變換播放位置。相關程式碼可以在我的資源裡下載"基於qt的視訊播放器" pro檔案： #------------------------

H5簡單實現視訊播放歷史定位

html <video id="Video" controls autoplay controlsList="nodownload"> </video> js $('#Video').on("loadedmetadata", fu

android實現本地視訊的播放，類似於一個小型的MP4，可以選擇本地的檔案進行播放

首先呢我們來看一下佈局檔案中的程式碼： <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

用video.js和windows自帶播放外掛MediaPlayer實現視訊播放

由於本人在搜尋資料沒有找到video.js外掛支援ie8的方法，所以在做檢視視訊的功能時想法是這樣的，對於谷歌和IE10以上用video.js的方法實現，而IE9及IE8用MediaPlayer實現。下面是實現程式碼（只測試過mp4格式的）： 1.video.js實現 &

Android實現線上播放音樂

package com.wwj.download;import java.io.File;import java.io.UnsupportedEncodingException;import java.net.URLEncoder;import android.app.Activity;import andr

ssm實現視訊的上傳與播放

實現的功能：1：實現視訊的上傳與播放。2：使用shiro框架進行登入註冊。3：視訊分頁展示在頁面上。4：視訊簡介5：視訊評論6：發表評論簡單介紹一下大概實現的思路：首先主要的功能就是實現視訊的上傳與播放，那麼我們就需要一個視訊上傳的介面，選擇視訊進行上傳，那麼上傳到哪兒呢？這

海康IPC+NVR+EasyDarwin+EasyPusher+VLC實現Web實時播放RTSP視訊

上篇部落格是用ffmpeg+nginx實現web播放rtsp視訊，原理是將rtsp轉碼成rtmp格式，再用flash外掛播放由於專案硬體條件有限，轉碼基本就不考慮了，因此只能直接播放獲取到的rtsp流，並且整個網路環境只能有一個外網IP，因此思路就是能否通過NVR去找同一網段內的IPC，如何搭建NVR和I

JavaWeb實現視訊線上播放

相關推薦