大華播放器 (SmartPlayer)-非常優(yōu)秀的安防領域播放軟件

華播放器（SmartPlayer）是一款非常優(yōu)秀的安防領域播放軟件，用戶可以在該軟件中逐幀的查看視頻，支持Smart265/H265編碼方式.avi/.asf格式錄像播放，同時用戶還可以在軟件中選擇中英文切換，非常便捷。該軟件支持同時播放多個視頻，支持同步異步播放，自定義分割畫面。

來源：http://www.3h3.com/soft/270795.html#jptj

軟件特色

支持逐幀倒放功能，不僅支持單幀倒放，還支持多倍數(shù)倒放。

支持多路同步播放功能。

支持鼠標操作局部放大和拖動功能，即電子云臺功能。

支持分段預覽功能，快速找到所需場景，并能對各段進行同步播放。

支持播放智能設備碼流，在畫面上展示智能事件信息。

支持碼流篡改檢測功能，支持碼流格式轉換功能。

支持視頻屬性查看。

支持 H265、svac 碼流。

支持 avi、mp4、flv、asf、mov、dav、dav_文件播放。

支持亮度、對比度、飽和度、色度顯示調(diào)節(jié)功能。

支持快捷鍵設置功能。

優(yōu)化音視頻同步策略。

優(yōu)化快放策略，支持更改倍數(shù)快放。

優(yōu)化時間軸，增強其呈現(xiàn)視頻的方式。

優(yōu)化文件列表管理。

播放普通視頻時支持播放錄像內(nèi)分屏功能。

播放魚眼視頻時支持魚眼功能

更新內(nèi)容

1、修復180;魚眼錄像矯正錯誤問題；

2、修復魚眼錄像OSD信息被截取問題；

3、修復智能規(guī)則線不準確問題；

4、修復英文環(huán)境下錄像文件類型顯示亂碼問題。

紹

Video.js是一個基于HTML5世界而構建的網(wǎng)絡視頻播放器。它支持HTML5和Flash視頻，還可以通過插件支持全球最受歡迎的視頻網(wǎng)站。它支持桌面和移動設備上的視頻播放。該項目于2010年中期啟動，現(xiàn)在該播放器已用于超過400,000個網(wǎng)站，可見其受歡迎程度，所以它可能真的是你一直在尋找的Web端的視頻播放器！在Github上也有了超過20k+的star數(shù)！

Github地址

https://github.com/videojs/video.js

快速開始

你可以有很多種方法來使用,不管是使用cdn還是下載下來靜態(tài)資源文件，亦或者是使用npm安裝都可以獲取它：

<link href="./video-js.min.css" rel="stylesheet">
<script src="./video.min.js"></script>

npm install video.js

接下來，使用Video.js就像創(chuàng)建<video>元素一樣簡單，但具有額外的數(shù)據(jù)設置屬性。也就是一個配置對象，以下代碼是一個最簡單的示例：

 <video id="my-player" class="video-js" controls preload="auto" poster="封面url，設置就可以顯示封面" data-setup='{}'>
 <source src="視頻URL" type="video/mp4">
 </source>
 </video>

當頁面加載時，Video.js將找到此元素并自動在其位置設置播放器。如果你不想使用自動設置，可以不使用data-setup屬性并使用videojs函數(shù)手動初始化<video>元素：

var player = videojs('my-player');

相關回調(diào)函數(shù)

var options = {};
var player = videojs('my-player', options, function onPlayerReady() {
 videojs.log('Your player is ready!');
 this.play();
 this.on('ended', function() {
 videojs.log('Awww...over so soon?!');
 });
});

詳細的文檔

Video.js的文檔相當?shù)脑敿殻疚钠灰诉^長，如果你已經(jīng)對它感興趣，那么你就可以對照文檔準備學習下了，由于其功能很強悍，那么相對應的文檔也就非常的詳細，分為詳細的API文檔和學習指南，通過閱讀文檔來實現(xiàn)你想要的功能（下面是一個簡單的截圖，使用了瀏覽器自帶的翻譯功能，很容易也能看懂）：

demo預覽

官網(wǎng)也提供了一些比較高級的用法的demo，下面是一個帶播放列表的示例（此示例不足以體現(xiàn)他的強大）：

可切換視頻

畫中畫

豐富的菜單按鈕工具（包括音頻、多語言等設置），支持中文語言包

除了以上demo所展示的，還包括自定義皮膚、React中使用、插件等功能，可以說是非常的豐富了，要比自帶的Video標簽功能豐富了無數(shù)倍，有視頻網(wǎng)站開發(fā)的朋友可以嘗試使用它，我相信它一定對你有所幫助！

總結

插件千千萬，好用的卻不多，特別是相對復雜的，要么收費，要么功能不夠強大，但是有很多開發(fā)者貢獻了開源的項目供開發(fā)者使用才造就了如今技術的蓬勃發(fā)展，Video.js只是其中一個，本文只是提出來這樣一個必須贊一個的插件，其詳細的內(nèi)容遠不止于此，感興趣的話可以閱讀相關文檔學習，如果你有更好的建議，也可以在評論區(qū)留言分享，希望對你有所幫助！

天給大家介紹一款非常好用的開源視頻播放器插件——plyr。它因為簡單、輕量級、可訪問和可定制化，受到了廣大開發(fā)者的喜愛，已經(jīng)在GitHub上標星25.6k。

特征

無障礙- 全面支持 VTT 字幕和屏幕閱讀器
可定制- 使用您想要的標記使播放器看起來如您所愿
干凈的 HTML - 使用正確的元素。
響應式- 適用于任何屏幕尺寸
流媒體- 支持 hls.js、Shaka 和 dash.js 流媒體播放
API - 通過標準化 API 切換播放、音量、搜索等
全屏- 支持原生全屏，并可恢復至“全窗口”模式
快捷方式- 支持鍵盤快捷鍵
畫中畫- 支持畫中畫模式
Playsinline-支持playsinline屬性
速度控制——隨時調(diào)整速度
多字幕- 支持多字幕軌道
i18n 支持- 支持控件的國際化
預覽縮略圖- 支持顯示預覽縮略圖
無需框架- 使用“原始”ES6 JavaScript 編寫，無需 jQuery

使用

先需要引入plyr的CDN文件：

<script src="https://cdn.plyr.io/3.6.12/plyr.js"></script>
<link rel="stylesheet" href="https://cdn.plyr.io/3.6.12/plyr.css" />

然后，在HTML頁面中添加如下的視頻標簽，即可使用plyr進行視頻播放：

<video id="player" playsinline controls data-poster="/path/to/poster.jpg">
  <source src="/path/to/video.mp4" type="video/mp4" />
  <source src="/path/to/video.webm" type="video/webm" />

  <!-- Captions are optional -->
  <track kind="captions" label="English captions" src="/path/to/captions.vtt" srclang="en" default />
</video>

除此之外，還可以根據(jù)自己的需求進行額外的配置。下面是一些常用的配置項：

settings: ['captions', 'quality', 'speed', 'loop'], // 配置顯示的設置項
i18n: {...}, // 用于UI的國際化
volume: 1, // 播放器初始音量，范圍是0-1
speed: {
  selected: 1,
  options: [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2]
}, // 播放速度的配置
quality: {
  default: 576,
  options: [4320, 2880, 2160, 1440, 1080, 720, 576, 480, 360, 240]
}, // 分辨率的配置

更多的配置項和使用方法可以參考plyr的官方文檔。

界面截圖

預進度

畫中畫

開源地址

https://github.com/sampotts/plyr

在線咨詢

上一篇："巧用CSS ::before 創(chuàng)建帶透明陰影效果的圖標按
下一篇：Javascript怎樣訪問Sqlserver數(shù)據(jù)庫

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務商