相关的核心代码我上传会上传到github，以下文字可以理清实现思路，

git地址：https://github.com/blackMilk123/workspace/tree/master/rtmp

  • 一个开通了RTMP协议的流地址，萤石云之类的监控提供商都有的，格式为rtmp://rtmp01open.ys7.com/openlive/xxxxxxxxx.hd
  • 向萤石云申请开发者资质之后会得到一个appKey，appSecret，accessToken，既然能搜到这篇文章相信你肯定不会缺少这些东西。

以下第一个表结构基本上是固定的，存放你开通的那个萤石云帐号的key 密钥 等等的信息，第二个表是根据你具体的业务来设计的，跟你的设备关联，一般你有一个监控设备就会有对应的信息，红框圈起来是一些比较重要的参数，这些都可以在萤石云中文档中看到

表一：video_appinfo 基本上都是一些固定参数，结构基本上可以不动

表二：video_deviceinfo表，圈起来的是一些比较重要的参数，都是由相应的视频监控设备提供的

根据以上两张表的设计创建相应的实体类，因为字段太多，并且表二根据实际业务的不同，加上实体类代码放上来也没有什么意义，所以这里就不再贴代码了，可以自行创建，以及service层，dao层的基础映射文件也是一样的，简单的可以自己创建一下

SDK客户端主要是用于模拟各种Http请求，带着申请的密钥，去向萤石云的授权服务器获取视频信息等等，

  1. public class SdkClient {
  3. 	/** 获取accessToken */
  4. 	private static final String API_TOKEN_GET_URL = "https://open.ys7.com/api/lapp/token/get";
  5. 	
  6. 	/** 添加设备 */
  7. 	private static final String API_DEVICE_ADD_URL = "https://open.ys7.com/api/lapp/device/add";
  8. 	
  9. 	/** 查询账号下流量消耗汇总 */
  10. 	private static final String API_TRAFFIC_TOTAL = "https://open.ys7.com/api/lapp/traffic/user/total";
  11. 	
  12. 	/** 获取设备列表 */
  13. 	private static final String API_DEVICE_LIST = "https://open.ys7.com/api/lapp/device/list";
  14. 	
  15. 	/** 获取摄像头列表 */
  16. 	private static final String API_CAMERA_LIST = "https://open.ys7.com/api/lapp/camera/list";
  17. 	
  18. 	/** 添加设备 */
  19. 	private static final String API_DEVICE_ADD = "https://open.ys7.com/api/lapp/device/add";
  20. 	
  21. 	/** 获取单个设备信息 */
  22. 	private static final String API_DEVICE_INFO = "https://open.ys7.com/api/lapp/device/info";
  23. 	
  24. 	/** 开始云台控制 */
  25. 	private static final String API_DEVICE_PTZ_START = "https://open.ys7.com/api/lapp/device/ptz/start";
  26. 	
  27. 	/** 停止云台控制 */
  28. 	private static final String API_DEVICE_PTZ_STOP = "https://open.ys7.com/api/lapp/device/ptz/stop";
  29. 	
  30. 	/** 关闭设备视频加密 */
  31. 	private static final String API_DEVICE_ENCRYPT_OFF = "https://open.ys7.com/api/lapp/device/encrypt/off";
  32. 	
  33. 	/** 开启设备视频加密 */
  34. 	private static final String API_DEVICE_ENCRYPT_ON = "https://open.ys7.com/api/lapp/device/encrypt/on";
  35. 	
  36. 	/** 开通直播功能 */
  37. 	private static final String API_LIVE_VIDEO_OPEN = "https://open.ys7.com/api/lapp/live/video/open";
  38. 	
  39. 	/** 关闭直播功能 */
  40. 	private static final String API_LIVE_VIDEO_CLOSE = "https://open.ys7.com/api/lapp/live/video/close";
  41. 	
  42. 	/** 获取指定有效期的直播地址 */
  43. 	private static final String API_LIVE_ADDRESS_LIMITED = "https://open.ys7.com/api/lapp/live/address/limited";
  44. 	
  45. 	/** 获取直播地址*/
  46. 	private static final String API_LIVE_ADDRESS_GET = "https://open.ys7.com/api/lapp/live/address/get";
  47. 	
  48. 	/**
  49. 	 * app 标识
  50. 	 */
  51. 	private String appKey;
  52. 	
  53. 	public String getAppKey() {
  54. 		return appKey;
  55. 	}
  56. 	
  57. 	public void setAppKey(String appKey) {
  58. 		this.appKey = appKey;
  59. 	}
  60. 	
  61. 	/**
  62. 	 * app 密钥
  63. 	 */
  64. 	private String appSecret;
  65. 	
  66. 	public String getAppSecret() {
  67. 		return appSecret;
  68. 	}
  69. 	
  70. 	public void setAppSecret(String appSecret) {
  71. 		this.appSecret = appSecret;
  72. 	}
  73. 	
  74. 	/**
  75. 	 * token 凭据
  76. 	 */
  77. 	private String accessToken;
  78. 	
  79. 	public String getAccessToken() {
  80. 		return accessToken;
  81. 	}
  82. 	
  83. 	public void setAccessToken(String accessToken) {
  84. 		this.accessToken = accessToken;
  85. 	}
  86. 	
  87. 	/**
  88. 	 * token 有效时间
  89. 	 */
  90. 	private Date tokenExpire;
  91. 	
  92. 	public Date getTokenExpire() {
  93. 		return tokenExpire;
  94. 	}
  95. 	
  96. 	public void setTokenExpire(Date tokenExpire) {
  97. 		this.tokenExpire = tokenExpire;
  98. 	}
  99. 	
  100. 	public SdkToken getToken() {
  101. 		return getToken(false);
  102. 	}
  103. 	
  104. 	/**
  105. 	 * 获取 accessToken
  106. 	 * @param force 是否强制获取
  107. 	 * @return
  108. 	 */
  109. 	public SdkToken getToken(boolean force) {
  110. 		if(!force && this.getAccessToken() != null) {
  111. 			//准备缓存 accessToken
  112. 			SdkToken existsSdkToken = new SdkToken("200", "使用 accessToken 缓存", this.getAccessToken(), this.getTokenExpire() != null ? String.valueOf(this.getTokenExpire().getTime() ): "0");
  113. 			//判断 token是否过期
  114. 			if(this.getTokenExpire() != null && this.getTokenExpire().getTime() < new Date().getTime()) {
  115. 				return existsSdkToken;
  116. 			}
  117. 			//调用接口，验证 accessToken有效性
  118. 			SdkReturn<SdkMap> sdkReturn = this.trafficTotal();
  119. 			if(sdkReturn.isSuccess()) {
  120. 				return existsSdkToken;
  121. 			}
  122. 		}
  123. 		Map<String, Object> paramMap = new HashMap<>();
  124. 		paramMap.put("appKey", this.appKey);
  125. 		paramMap.put("appSecret", this.appSecret);
  126. 		SdkToken sdkToken = getMap(API_TOKEN_GET_URL, paramMap, SdkToken.class);
  127. 		if(sdkToken.isSuccess()) {
  128. 			this.setAccessToken(sdkToken.getAccessToken());
  129. 			this.setTokenExpire(new Date(sdkToken.getExpireTime()));
  130. 		}
  131. 		return sdkToken;
  132. 	}
  133. 	
  135.    
  136. 	
  137. 	/**
  138. 	 * 添加设备
  139. 	 * @param deviceSerial 序列号
  140. 	 * @param validateCode 验证码
  141. 	 * @return
  142. 	 */
  143. 	public SdkReturnMap deviceAdd(String deviceSerial, String validateCode) {
  144. 		Map<String, Object> paramMap = new HashMap<>();
  145. 		paramMap.put("accessToken", this.getAccessToken());
  146. 		paramMap.put("deviceSerial", deviceSerial);
  147. 		paramMap.put("validateCode", validateCode);
  148. 		SdkReturnMap returnMap = getMap(API_DEVICE_ADD, paramMap);
  149. 		//添加容错
  150. 		if(!returnMap.isSuccess()) {
  151. 			if(returnMap.getCode().equals("20017")) {
  152. 				returnMap.setCode("200");
  153. 			}else if(returnMap.getCode().equals("20002")) {
  154. 				returnMap.setMsg(returnMap.getMsg() + ",设备未注册至萤石云");
  155. 			}
  156. 		}
  157. 		return returnMap;
  158. 	}
  159. 	
  160. 	
  161. 	
  162. 	/**
  163. 	 * 获取单个设备信息
  164. 	 * @param deviceSerial
  165. 	 * @return
  166. 	 */
  167. 	public SdkReturnMap deviceInfo(String deviceSerial) {
  168. 		Map<String, Object> paramMap = new HashMap<>();
  169. 		paramMap.put("accessToken", this.getAccessToken());
  170. 		paramMap.put("deviceSerial", deviceSerial);
  171. 		return getMap(API_DEVICE_INFO, paramMap);
  172. 	}
  173. 	
  174. 	
  175. 	
  176. 	/**
  177. 	 * 开启设备视频加密
  178. 	 * @param deviceSerial 设备序列号
  179. 	 * @return
  180. 	 */
  181. 	public SdkReturnMap deviceEncryptOn(String deviceSerial) {
  182. 		Map<String, Object> paramMap = new HashMap<>();
  183. 		paramMap.put("accessToken", this.getAccessToken());
  184. 		paramMap.put("deviceSerial", deviceSerial);
  185. 		return getMap(API_DEVICE_ENCRYPT_ON, paramMap);
  186. 	}
  187. 	
  188. 	/**
  189. 	 * 开通直播功能
  190. 	 * @param channelNo 通道号
  191. 	 * @param deviceSerials 设备序列号集合
  192. 	 * @return
  193. 	 */
  194. 	public SdkReturnMapList liveVideoOpen(int channelNo, String... deviceSerials) {
  195. 		if(deviceSerials == null || deviceSerials.length == 0) {
  196. 			return new SdkReturnMapList();
  197. 		}
  198. 		String source = "";
  199. 		for(int i = 0; i < deviceSerials.length; i++) {
  200. 			if(i > 0) {
  201. 				source += ",";
  202. 			}
  203. 			source += (deviceSerials[i] + ":" + channelNo);
  204. 		}
  205. 		Map<String, Object> paramMap = new HashMap<>();
  206. 		paramMap.put("accessToken", this.getAccessToken());
  207. 		paramMap.put("source", source);
  208. 		return getMapList(API_LIVE_VIDEO_OPEN, paramMap);
  209. 	}
  210. 	
  212. 	
  213. 	/**
  214. 	 * 获取直播地址
  215. 	 * @param channelNo 通道号 默认 1
  216. 	 * @param deviceSerials 设备序列号集合
  217. 	 * @return
  218. 	 */
  219. 	public SdkReturnMapList liveVideoGetAddress(int channelNo, String... deviceSerials) {
  220. 		if(deviceSerials == null || deviceSerials.length == 0) {
  221. 			return new SdkReturnMapList();
  222. 		}
  223. 		String source = "";
  224. 		for(int i = 0; i < deviceSerials.length; i++) {
  225. 			if(i > 0) {
  226. 				source += ",";
  227. 			}
  228. 			source += (deviceSerials[i] + ":" + channelNo);
  229. 		}
  230. 		Map<String, Object> paramMap = new HashMap<>();
  231. 		paramMap.put("accessToken", this.getAccessToken());
  232. 		paramMap.put("source", source);
  233. 		return getMapList(API_LIVE_ADDRESS_GET, paramMap);
  234. 	}
  235. 	
  236. 	/**
  237. 	 * 获取指定有效期的直播地址
  238. 	 * @param deviceSerial 设备序列号
  239. 	 * @param channelNo 通道号
  240. 	 * @param expireTime 地址过期时间：单位秒数，最大默认62208000（即720天），最小默认300（即5分钟）。
  241. 	 * @return
  242. 	 */
  243. 	public SdkReturnMap liveVideoLimitedAddress(String deviceSerial, int channelNo, Integer expireTime) {
  244. 		Map<String, Object> paramMap = new HashMap<>();
  245. 		paramMap.put("accessToken", this.getAccessToken());
  246. 		paramMap.put("deviceSerial", deviceSerial);
  247. 		paramMap.put("channelNo", channelNo);
  248. 		if(expireTime != null) {
  249. 			paramMap.put("expireTime", expireTime);
  250. 		}
  251. 		return getMap(API_LIVE_ADDRESS_LIMITED, paramMap);
  252. 	}
  253. 	
  254. 	/**
  255. 	 * 开始云台控制
  256. 	 * @param deviceSerial deviceSerial 设备序列号
  257. 	 * @param channelNo channelNo 通道号
  258. 	 * @param direction direction 操作命令：0-上，1-下，2-左，3-右，4-左上，5-左下，6-右上，7-右下，8-放大，9-缩小，10-近焦距，11-远焦距
  259. 	 * @return
  260. 	 */
  261. 	public SdkReturnMap startDevicePtz(String deviceSerial, int channelNo, int direction) {
  262. 		return this.startDevicePtz(deviceSerial, channelNo, direction, 0);
  263. 	}
  264. 	/**
  265. 	 * 开始云台控制
  266. 	 * @param deviceSerial 设备序列号
  267. 	 * @param channelNo 通道号
  268. 	 * @param direction 操作命令：0-上，1-下，2-左，3-右，4-左上，5-左下，6-右上，7-右下，8-放大，9-缩小，10-近焦距，11-远焦距
  269. 	 * @param speed 云台速度：0-慢，1-适中，2-快
  270. 	 * @return
  271. 	 */
  272. 	public SdkReturnMap startDevicePtz(String deviceSerial, int channelNo, int direction, int speed) {
  273. 		Map<String, Object> paramMap = new HashMap<>();
  274. 		paramMap.put("accessToken", this.getAccessToken());
  275. 		paramMap.put("deviceSerial", deviceSerial);
  276. 		paramMap.put("channelNo", channelNo);
  277. 		paramMap.put("direction", String.valueOf(direction));
  278. 		paramMap.put("speed", String.valueOf(speed));
  279. 		SdkReturnMap sdkReturn = getMap(API_DEVICE_PTZ_START, paramMap);
  280. 		return sdkReturn;
  281. 	}
  282. 	
  283. 	/**
  284. 	 * 停止云台控制
  285. 	 * @param deviceSerial 设备序列号
  286. 	 * @param channelNo 通道号
  287. 	 * @param direction 操作命令：0-上，1-下，2-左，3-右，4-左上，5-左下，6-右上，7-右下，8-放大，9-缩小，10-近焦距，11-远焦距
  288. 	 * @return
  289. 	 */
  290. 	public SdkReturnMap stopDevicePtz(String deviceSerial, int channelNo, int direction) {
  291. 		Map<String, Object> paramMap = new HashMap<>();
  292. 		paramMap.put("accessToken", this.getAccessToken());
  293. 		paramMap.put("deviceSerial", deviceSerial);
  294. 		paramMap.put("channelNo", channelNo);
  295. 		paramMap.put("direction", String.valueOf(direction));
  296. 		SdkReturnMap sdkReturn = getMap(API_DEVICE_PTZ_STOP, paramMap);
  297. 		return sdkReturn;
  298. 	}
  299. 	
  300. 	/*
  301. 	public static void main(String[] args) {
  302. 		SdkClient sdkClient = new SdkClient();
  303. 		sdkClient.setAppKey("e82e92e47b1542d1a7ba2003199f5cf2");
  304. 		sdkClient.setAppSecret("58ddf728e5e58c321bb18c3e7c8d0aa8");
  305. 		sdkClient.setAccessToken("at.3h35yneydi4i9tz75alqgoe90jq8c9yx-6t55llnnkg-17ys1z5-6lttvhphk-");
  306. 		sdkClient.getToken();
  307. 	}
  308. 	*/
  309. 	
  310. 	/**
  311. 	 * 获取 map
  312. 	 * @param url
  313. 	 * @param paramMap
  314. 	 * @return
  315. 	 */
  316. 	private SdkReturnMap getMap(String url, Map<String, Object> paramMap) {
  317. 		return getMap(url, paramMap, SdkReturnMap.class);
  318. 	}
  319. 	
  320. 	/**
  321. 	 * 获取 map
  322. 	 * @param url
  323. 	 * @param paramMap
  324. 	 * @param classz
  325. 	 * @return
  326. 	 */
  327. 	private <T extends SdkReturn<SdkMap>> T getMap(String url, Map<String, Object> paramMap, Class<T> classz) {
  328. 		System.out.println(url);
  329. 		try {
  330. 			String result = HttpUtil.post(url, paramMap);
  331. 			System.out.println(result);
  332. 			T sdkReturn = JSONObject.parseObject(result, classz);
  333. 			return sdkReturn;
  334. 		} catch (Exception e) {
  335. 			T sdkReturn = null;
  336. 			try {
  337. 				sdkReturn = classz.newInstance();
  338. 				sdkReturn.setCode("-1");
  339. 				sdkReturn.setMsg(e.getMessage());
  340. 			} catch (Exception ex) {
  341. 				ex.printStackTrace();
  342. 			}
  343. 			return sdkReturn;
  344. 		}
  345. 	}
  346. 	
  347. 	/**
  348. 	 * 获取 map 集合
  349. 	 * @param url
  350. 	 * @param paramMap
  351. 	 * @return
  352. 	 */
  353. 	private SdkReturnMapList getMapList(String url, Map<String, Object> paramMap) {
  354. 		return getMapList(url, paramMap, SdkReturnMapList.class);
  355. 	}
  356. 	
  357. 	/**
  358. 	 * 获取 map 集合
  359. 	 * @param url
  360. 	 * @param paramMap
  361. 	 * @param classz
  362. 	 * @return
  363. 	 */
  364. 	private <T extends SdkReturn<SdkMapList>> T getMapList(String url, Map<String, Object> paramMap, Class<T> classz) {
  365. 		System.out.println(url);
  366. 		try {
  367. 			String result = HttpUtil.post(url, paramMap);
  368. 			System.out.println(result);
  369. 			T sdkReturn = JSONObject.parseObject(result, classz);
  370. 			return sdkReturn;
  371. 		} catch (Exception e) {
  372. 			T sdkReturn = null;
  373. 			try {
  374. 				sdkReturn = classz.newInstance();
  375. 				sdkReturn.setCode("-1");
  376. 				sdkReturn.setMsg(e.getMessage());
  377. 			} catch (Exception ex) {
  378. 				ex.printStackTrace();
  379. 			}
  380. 			return sdkReturn;
  381. 		}
  382. 	}
  383. }
  • VideoAppInfoService
    • 这里的代码主要用于更新设备的过期时间以及accessToken刷新，在直播播放之前需要先更新一下设备信息等等。
  1. @Service("videoAppInfo")
  2. public class VideoAppInfoServiceImpl extends com.sunrise.common.BaseServiceImpl<VideoAppInfo> implements VideoAppInfoService {
  3.     
  4.     @Autowired
  5.     private VideoAppInfoMapper videoAppInfoMapper;
  6.     
  7.     public VideoAppInfoServiceImpl() {
  8.     
  9.     }
  10.     
  11.     @Override
  12.     public com.sunrise.common.BaseMapper<VideoAppInfo> getMapper() {
  13.         return this.videoAppInfoMapper;
  14.     }
  15.     
  16.     @Override
  17.     public Return<VideoAppInfo> updateVideoAppInfoToken(Long appId) {
  18.     	//查询视频监控应用信息
  19.     	VideoAppInfo videoAppInfo = this.selectByPrimaryKey(appId);
  20.     	if(videoAppInfo == null) {
  21.     		return new Return<>(false, "获取视频监控app信息失败!");
  22.     	}
  23.     	//accessToken刷新
  24.     	SdkClient sdkClient = new SdkClient();
  25.     	sdkClient.setAppKey(videoAppInfo.getAppKey());
  26.     	sdkClient.setAppSecret(videoAppInfo.getAppSecret());
  27.     	sdkClient.setAccessToken(videoAppInfo.getAccessToken());
  28.     	sdkClient.setTokenExpire(videoAppInfo.getTokenExpire());
  29.     	SdkToken sdkToken = sdkClient.getToken();
  31. 		SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
  32. 		Calendar calendar = Calendar.getInstance();
  33. 		//设置过期时间为当前时间+7天
  34. 		calendar.add(Calendar.DATE,7);
  35. 		String format = dateFormat.format(calendar.getTime());
  36. 		//更新过期时间
  37. 		videoAppInfo.setAccessToken(sdkToken.getAccessToken());
  38. 		videoAppInfo.setTokenExpire(calendar.getTime());
  39. 		videoAppInfo.setRemark(sdkToken.getMsg());
  40. 		this.updateSelective(videoAppInfo);
  42. 		if(!sdkToken.isSuccess()) {
  43.     		videoAppInfo.setRemark(sdkToken.getMsg());
  44.     		this.updateSelective(videoAppInfo);
  45.     		return new Return<>(false, sdkToken.getMsg());
  46.     	}
  47.     	//如果accessToken一致，则数据不变
  48.     	if(videoAppInfo.getAccessToken() != null && videoAppInfo.getAccessToken().equalsIgnoreCase(sdkToken.getAccessToken())) {
  49.     		return new Return<VideoAppInfo>(true, "accessToken 无变化").setData(videoAppInfo);
  50.     	}
  51.     	//更新 accessToken
  52.     	videoAppInfo.setAccessToken(sdkToken.getAccessToken());
  53. 		videoAppInfo.setTokenExpire(new Date(sdkToken.getExpireTime()));
  54.     	videoAppInfo.setRemark(sdkToken.getMsg());
  55.     	this.updateSelective(videoAppInfo);
  56.     	//返回结果
  57.     	return new Return<VideoAppInfo>(true, "已更新 accessToken").setData(videoAppInfo);
  58.     }
  59. }
  1.  /**
  2.      * 跳转水质视频监控页面
  3.      * @return
  4.      */
  5.     @RequestMapping("/toAppVideoList")
  6.     public String toAppVideoList(HttpServletRequest request，Long id){
  7.          //更新视频应用信息
  8.         Long appId = videoDeviceInfo != null ? videoDeviceInfo.getAppId() : 1L;
  9.         Return<VideoAppInfo> retApp = videoAppInfoService.updateVideoAppInfoToken(appId);
  10.         request.setAttribute("accessToken", retApp.isSuccess() ? retApp.getData().getAccessToken() : null);
  11.         //通过主键查询视频设备信息
  12.        VideoDeviceInfo videoDeviceInfo = this.videoDeviceInfoService.selectByPrimaryKey(id);
  13.         //传到前端
  14.         request.setAttribute("videoDevice",deviceInfos);
  15.         return "szapp/appWaterVideoList";
  16.     }

添加前端播放插件:

  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
  2. <html lang="en">
  3. <head>
  4.     <!doctype html>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <link rel="stylesheet" href="${staticPath }/css/screen/swiper.min.css"/>
  9. </head>
  10. <body>
  11. <div>
  12.     //初始化一个视频播放框
  13.    <div class="media-box">
  14.                         <div class="media" id="player" style="width: 100%;height:40%;">
  15.                         </div>
  16.                     </div>
  17. </div>
  18. <script src="${staticPath }/js/lib/jquery/jquery-3.3.1.min.js"></script>
  19. <script type="text/javascript" src="${staticPath}/js/sewise-player/sewise.player.min.js"></script>
  20. <script>
  21.     //进页面时加载
  22.     $(function () {
  23.         hospital04();
  24.     });
  25.     function hospital04() {
  27.         var title = "${videoDeviceInfo3.videoName != null ? videoDeviceInfo3.videoName : videoDeviceInfo3.deviceName}";
  28.         var videoUrl = "${videoDeviceInfo3.videoUrl}";
  29.         var poster = \'${staticPath}/images/index/bg.jpg\';
  30.         if (videoUrl.indexOf(\'rtmp://\') == 0) {
  31.             SewisePlayer.setup({
  32.                 server: "live",
  33.                 type: "rtmp",
  34.                 autostart: "true",
  35.                 streamurl: videoUrl,
  36.                 skin: "",
  37.                 title: title,
  38.                 claritybutton: "disable",//[可选]是否显示多码率按钮 "enable"、"disable"，缺省默认值为："enable"
  39.                 timedisplay: "disable",//[可选]是否显示播放控制栏上的时间 "enable"、"disable"，缺省默认值为："enable"
  40.                 controlbardisplay: "disable",//[可选]是否显示播放控制栏 "enable"、"disable"，缺省默认值为："enable"
  41.                 topbardisplay: "disable",//[可选]是否显示顶部标题 "enable"、"disable"，缺省默认值为："enable"
  42.                 draggable: false,
  43.                 buffer: 0,
  44.                 primary: "html5",
  45.                 lang: "zh_CN",
  46.                 poster: poster,//[可选]视频播放前显示的图像
  47.                 logo: " ",//[可选]播放器角落logo
  48.             }, "player");
  49.         } else if (videoUrl.indexOf(\'.m3u8\') > -1) {
  50.             SewisePlayer.setup({
  51.                 server: "vod",
  52.                 type: "m3u8",
  53.                 autostart: "true",
  54.                 videourl: videoUrl,
  55.                 skin: "vodFlowPlayer",
  56.                 title: "",
  57.                 claritybutton: "disable",
  58.                 lang: "zh_CN",
  59.                 logo: "",
  60.             }, "player");
  61.         } else if (videoUrl.indexOf(\'.flv\') > -1) {
  62.             SewisePlayer.setup({
  63.                 server: "vod",
  64.                 type: "flv",
  65.                 autostart: "true",
  66.                 videourl: videoUrl,
  67.                 skin: "vodWhite",
  68.                 title: "",
  69.                 claritybutton: "disable",
  70.                 lang: "zh_CN",
  71.                 logo: "",
  72.             }, "player");
  73.         }
  74.     }
  76. </script>
  77. </body>
  79. </html>

这样一个视频直播就做好了 效果图

版权声明：本文为blackmlik原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/blackmlik/p/12767853.html