jPlayer使用详解

article/2025/9/11 6:29:48

原文地址：http://blog.csdn.net/z295304557/article/details/17298889?_t_t_t=0.39512087353182124

下载官网：http://www.jplayer.org/
当前版本：2.3.0
功能：视频播放（可全屏）、音乐播放
全部原教程，说明并不详细，要结合查看其网页源代码来学习：http://www.jplayer.org/latest/demos/
备注：文件夹里blue.monday和pink.flag和circle.skin三个文件夹里是三种播放器皮肤（及PSD文件），任选一种。样式文件和图片都可以改，只要容器类名称不变就行。
      popcorn文件夹里是给视频加字幕的插件，后面有介绍。add-on文件夹里是列表播放用的插件和检测用的插件。
   在IE8及以下版本，会因为最后一个参数结尾有逗号而不工作，要注意。
如果你的mp4、m4v、ogv等不能在网站上播放，请检查你网站的MIME类型，比如：
.mp4 video/mp4
.m4v video/m4v
.3gp video/3gpp
.ogv application/ogg
.webm video/webm
.flv video/x-flv

====================== 音乐调用方法 =======================
======================

【A】最简单的：(不用皮肤，单一首歌)

◆头：
<script src="css_js/jQuery.js"></script>
<script src="jPlayer/jquery.jplayer.min.js"></script>
<script type="text/JavaScript">
 $(document).ready(function(){
  $("#jquery_jplayer_1").jPlayer({
    ready: function () {
      $(this).jPlayer("setMedia", {
         mp3: "media/mysound.mp3",  m4a: "media/mysound.mp4",  oga: "media/mysound.ogg"
      });
    },
   swfPath: "jPlayer",
   supplied: "mp3, m4a, oga"
  });
 });
</script>

◆◆注：如果要自动播放和自动循环，要加上.jPlayer("play")和.jPlayer("repeat")在这里：
$(this).jPlayer("setMedia", {
         mp3: "media/mysound.mp3",  m4a: "media/mysound.mp4",  oga: "media/mysound.ogg"
}).jPlayer("play").jPlayer("repeat");


◆身体：
<div id="jquery_jplayer_1"></div><!--播放音频的flash隐藏窗口-->
<div id="jp_container_1">
 <a href="#" class="jp-play">Play</a>
 <a href="#" class="jp-pause">Pause</a>
</div>


======================
【B】全功能界面：

◆头同上，再加上：
<link rel="stylesheet" type="text/css" href="jPlayer/pink.flag/jplayer.pink.flag.css">

◆身体：
<div id="jquery_jplayer_1" class="jp-jplayer"></div>
<div id="jp_container_1" class="jp-audio">
 <div class="jp-type-single">
  <div class="jp-gui jp-interface">
   <ul class="jp-controls">
    <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
    <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
    <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
    <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
    <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
    <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
   </ul>
   <div class="jp-progress">
    <div class="jp-seek-bar">
     <div class="jp-play-bar"></div>
    </div>
   </div>
   <div class="jp-volume-bar">
    <div class="jp-volume-bar-value"></div>
   </div>
   <div class="jp-current-time"></div>
   <div class="jp-duration"></div>
   <ul class="jp-toggles">
    <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
    <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
   </ul>
  </div>
  <div class="jp-title">
   <ul>
    <li>My jPlayer</li>
   </ul>
  </div>
  <div class="jp-no-solution">
    <span>Update Required</span>To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
  </div>
 </div>
</div>


======================
【C】多首歌列表播放：

◆头，必须再导入个jplayer.playlist.min.js文件才能播放列表：
<script src="css_js/jquery.js"></script>
<script src="jPlayer/jquery.jplayer.min.js"></script>
<script src="jPlayer/add-on/jplayer.playlist.min.js"></script>
<link rel="stylesheet" type="text/css" href="jPlayer/pink.flag/jplayer.pink.flag.css">
<script type="text/javascript">
$(document).ready(function(){
 new jPlayerPlaylist({
  jPlayer: "#jquery_jplayer_1",
  cssSelectorAncestor: "#jp_container_1"
         }, [
  {title:"My Sound 1",mp3: "media/mysound1.mp3", oga:"media/mysound1.ogg"},
  {title:"My Sound 2",mp3: "media/mysound2.mp3", oga:"media/mysound2.ogg", free:true},//free:true会在列表中此条音乐名称右边出现格式选择
  {title:"My Sound 3",mp3: "media/mysound3.mp3", oga:"media/mysound3.ogg"}
         ], {
  swfPath: "../js",
  supplied: "oga, mp3",
  wmode: "window",
  smoothPlayBar: true,
  keyEnabled: true
 });
});
</script>

◆◆如果要自动播放且自动循环要加上ready: function (){$(this).jPlayer("play").jPlayer("repeat");},在这里：
……
          {title:"My Sound 2",mp3: "media/mysound2.mp3", oga:"media/mysound2.ogg"},
   {title:"My Sound 3",mp3: "media/mysound3.mp3", oga:"media/mysound3.ogg"}
   ], {
          ready: function (){$(this).jPlayer("play").jPlayer("repeat");},
   swfPath: "../js",
……


◆身体其他部分不变同上，在.jp-toggles里加上了随机播放的开关，在.jp-interface后面加了个播放列表的空容器：
<div id="jquery_jplayer_1" class="jp-jplayer"></div>
<div id="jp_container_1" class="jp-audio">
 <div class="jp-type-playlist">
  <div class="jp-gui jp-interface">
   <ul class="jp-controls">
    <li><a href="javascript:;" class="jp-previous" tabindex="1">previous</a></li>
    <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
    <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
    <li><a href="javascript:;" class="jp-next" tabindex="1">next</a></li>
    <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
    <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
    <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
    <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
   </ul>
   <div class="jp-progress">
    <div class="jp-seek-bar">
     <div class="jp-play-bar"></div>
    </div>
   </div>
   <div class="jp-volume-bar">
    <div class="jp-volume-bar-value"></div>
   </div>
   <div class="jp-current-time"></div>
   <div class="jp-duration"></div>
   <ul class="jp-toggles">
                                <li><a href="javascript:;" class="jp-shuffle" tabindex="1" title="shuffle">shuffle</a></li>
                  <li><a href="javascript:;" class="jp-shuffle-off" tabindex="1" title="shuffle off">shuffle off</a></li>
    <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
    <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
   </ul>
  </div>
              <div class="jp-playlist"><ul><li></li></ul></div>
 </div>
</div>

 

======================
【D】更复杂的JS设置及说明：

◆头：
<script type="text/javascript">
$(document).ready(function(){
  $("#jquery_jplayer_1").jPlayer({
    ready: function () {   //当flash一切载入就绪后，发生的事，如自动播放
      $(this).jPlayer("setMedia", {
         mp3: "media/mysound.mp3",  m4a: "media/mysound.mp4",  oga: "media/mysound.ogg"
      });
    },
   swfPath: "jPlayer",   //播放用flash所在的相对路径
   solution: 'html, flash',
   supplied: "mp3, m4a, oga",
   preload: 'metadata',
   volume: 0.8,   //默认打开时音量
   muted: false,
   backgroundColor: '#000000',
   cssSelectorAncestor: '#jp_container_1',
   wmode: "window",
   smoothPlayBar: true,
   keyEnabled: true, //键盘快捷键（上下左右空白）可用否
   cssSelector: {  //可以用自己容器的类名或ID来取代默认
      videoPlay: '.jp-video-play',
      play: '.jp-play',
      pause: '.jp-pause',
      stop: '.jp-stop',
      seekBar: '.jp-seek-bar',
      playBar: '.jp-play-bar',
      mute: '.jp-mute',
      unmute: '.jp-unmute',
      volumeBar: '.jp-volume-bar',
      volumeBarValue: '.jp-volume-bar-value',
      volumeMax: '.jp-volume-max',
      currentTime: '.jp-current-time',
      duration: '.jp-duration',
      fullScreen: '.jp-full-screen',
      restoreScreen: '.jp-restore-screen',
      repeat: '.jp-repeat',
      repeatOff: '.jp-repeat-off',
      gui: '.jp-gui',
      noSolution: '.jp-no-solution'
   },
   errorAlerts: false, //报错开关
   warningAlerts: false //报错开关
  });
});
</script>


======================
【E】在线流音乐播放：

◆头：
<script src="css_js/jquery.js"></script>
<script src="jPlayer/jquery.jplayer.min.js"></script>
<link rel="stylesheet" type="text/css" href="jPlayer/pink.flag/jplayer.pink.flag.css">
<script type="text/javascript">
$(document).ready(function(){
var stream = {
  title: "流音乐测试",
  mp3: "http://listen.radionomy.com/abc-jazz"
 },
 ready = false;

 $("#jquery_jplayer_1").jPlayer({
  ready: function (event) {
   ready = true;
   $(this).jPlayer("setMedia", stream);
  },
  pause: function() {
   $(this).jPlayer("clearMedia");
  },
  error: function(event) {
   if(ready && event.jPlayer.error.type === $.jPlayer.error.URL_NOT_SET) {
    // Setup the media stream again and play it.
    $(this).jPlayer("setMedia", stream).jPlayer("play");
   }
  },
  swfPath: "jPlayer",
  supplied: "mp3",
  preload: "none",
  wmode: "window"
 });
});
</script>

◆身体：
<div id="jquery_jplayer_1" class="jp-jplayer"></div>
<div id="jp_container_1" class="jp-audio-stream">
  <div class="jp-type-single">
    <div class="jp-gui jp-interface">
       <ul class="jp-controls">
          <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
       <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
       <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
       <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
       <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
           </ul>
        <div class="jp-volume-bar"><div class="jp-volume-bar-value"></div></div>
    </div>
    <div class="jp-title"><ul><li>ABC Jazz</li></ul></div>
          <div class="jp-no-solution">
       <span>Update Required</span>To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
    </div>
   </div>
</div>

 


====================== 视频调用方法 =======================
======================
【F】单个视频播放：

◆头：
<script src="css_js/jquery.js"></script>
<script src="jPlayer/jquery.jplayer.min.js"></script>
<link rel="stylesheet" type="text/css" href="jPlayer/pink.flag/jplayer.pink.flag.css">
<script type="text/javascript">
$(document).ready(function(){
 $("#jquery_jplayer_1").jPlayer({
  ready: function () {
   $(this).jPlayer("setMedia", {
    m4v: "media/myVideo.m4v", ogv: "media/myVideo.ogv", webmv: "media/myVideo.webm", poster: "media/myVideo.png" //封面图
   }); //如果要一开始就全屏，加.jPlayer("fullScreen")但只是全窗口而不是全屏
  },
  swfPath: "jPlayer",
  supplied: "webmv, ogv, m4v",
  size: {
       width: "640px", height: "360px", cssClass: "jp-video-360p"
  },
  smoothPlayBar: true
 });
});
</script>

◆身体：
<div id="jp_container_1" class="jp-video jp-video-360p"><!--jp-video-360p是在CSS里预设好的宽640高360的样式-->
   <div class="jp-type-single">
           <div id="jquery_jplayer_1" class="jp-jplayer"></div><!--播放画面flash窗口-->
           <div class="jp-gui">
                 <div class="jp-video-play"><a href="javascript:;" class="jp-video-play-icon" tabindex="1">play</a></div>
              <div class="jp-interface">
                  <div class="jp-progress">
                         <div class="jp-seek-bar">
                            <div class="jp-play-bar"></div>
                       </div>
                  </div>
                  <div class="jp-current-time"></div>
                  <div class="jp-duration"></div>
                  <div class="jp-title"><ul><li>My Video</li></ul></div>
                  <div class="jp-controls-holder">
                       <ul class="jp-controls">
                            <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
                            <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
                            <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
                            <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
                            <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
                            <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
                       </ul>
                       <div class="jp-volume-bar"><div class="jp-volume-bar-value"></div></div>
                       <ul class="jp-toggles">
                            <li><a href="javascript:;" class="jp-full-screen" tabindex="1" title="full screen">full screen</a></li>
                            <li><a href="javascript:;" class="jp-restore-screen" tabindex="1" title="restore screen">restore screen</a></li>
                            <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
                            <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
                       </ul>
                  </div>
              </div>
          </div>
          <div class="jp-no-solution">
              <span>Update Required</span>To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
          </div>
   </div>
</div>


======================
【H】视频列表播放：

◆头，别忘了导入jplayer.playlist.min.js才能用：
<script src="css_js/jquery.js"></script>
<script src="jPlayer/jquery.jplayer.min.js"></script>
<script src="jPlayer/add-on/jplayer.playlist.min.js"></script>
<link rel="stylesheet" type="text/css" href="jPlayer/pink.flag/jplayer.pink.flag.css">
<script type="text/javascript">
$(document).ready(function(){
 new jPlayerPlaylist({
  jPlayer: "#jquery_jplayer_1",
  cssSelectorAncestor: "#jp_container_1"
     }, [
  {
   title:"My Video 1", artist:"me", free:true, //free:true会在列表中此条视频名称右边出现格式选择
   m4v: "media/myVideo1.m4v", ogv: "media/myVideo1.ogv", poster:"media/myVideo1.png"
  },
  {
   title:"My Video 2", artist:"me",
   m4v: "media/myVideo2.m4v", ogv: "media/myVideo2.ogv", poster:"media/myVideo2.png"
  },  {
   title:"My Video 3", artist:"me",
   m4v: "media/myVideo3.m4v", ogv: "media/myVideo3.ogv", poster:"media/myVideo3.png"
  }
     ], {
  swfPath: "jPlayer",
  supplied: "ogv, m4v",
  size: {width: "640px", height: "360px"},
  smoothPlayBar: true
 });
});
</script>

◆身体：
<div id="jp_container_1" class="jp-video jp-video-270p">
  <div class="jp-type-playlist">
    <div id="jquery_jplayer_1" class="jp-jplayer"></div>
    <div class="jp-gui">
      <div class="jp-video-play"><a href="javascript:;" class="jp-video-play-icon" tabindex="1">play</a></div>
      <div class="jp-interface">
        <div class="jp-progress">
          <div class="jp-seek-bar"><div class="jp-play-bar"></div></div>
        </div>
        <div class="jp-current-time"></div>
        <div class="jp-duration"></div>
        <div class="jp-title"><ul><li></li></ul></div>
        <div class="jp-controls-holder">
          <ul class="jp-controls">
            <li><a href="javascript:;" class="jp-previous" tabindex="1">previous</a></li>
            <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
            <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
            <li><a href="javascript:;" class="jp-next" tabindex="1">next</a></li>
            <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
            <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
            <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
            <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
          </ul>
          <div class="jp-volume-bar"><div class="jp-volume-bar-value"></div></div>
          <ul class="jp-toggles">
            <li><a href="javascript:;" class="jp-full-screen" tabindex="1" title="full screen">full screen</a></li>
            <li><a href="javascript:;" class="jp-restore-screen" tabindex="1" title="restore screen">restore screen</a></li>
            <li><a href="javascript:;" class="jp-shuffle" tabindex="1" title="shuffle">shuffle</a></li>
            <li><a href="javascript:;" class="jp-shuffle-off" tabindex="1" title="shuffle off">shuffle off</a></li>
            <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
            <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="jp-playlist"><ul><li></li></ul></div>
    <div class="jp-no-solution">
      <span>Update Required</span>To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
    </div>
  </div>
</div>


======================
【I】给视频加文字的popcorn插件：（支持中文，但貌似字体，颜色，位置等都不能改）

◆头，加上popcorn文件夹里的4个JS文件！注意顺序：
<script src="css_js/jquery.js"></script>
<script src="jPlayer/jquery.jplayer.min.js"></script>
<script src="jPlayer/popcorn/popcorn.js"></script>
<script src="jPlayer/popcorn/popcorn.player.js"></script>
<script src="jPlayer/popcorn/popcorn.jplayer.js"></script>
<script src="jPlayer/popcorn/popcorn.subtitle.js"></script>
<link rel="stylesheet" type="text/css" href="jPlayer/pink.flag/jplayer.pink.flag.css">
<script type="text/javascript">
$(document).ready(function(){
 var p = Popcorn.jplayer('#jquery_jplayer_1', {
  media: {
   m4v: "media/myVideo.m4v", ogv: "media/myVideo.ogv", poster:"media/myVideo.png"
  },
  options: {
   swfPath: "jPlayer",
   supplied: "ogv, m4v",
   size: {width: "640px",height: "360px"},
      smoothPlayBar: true}
 })
 .subtitle({
  start: 2, end: 6, text: "大家好，这是后加的视频字幕。"
 })
 .subtitle({
  start: 6, end: 10, text: "用到了popcorn插件。"
 })
 .subtitle({
  start: 10, end: 15, text: "Enabling jPlayer to function with the features of Popcorn"
 })
 .subtitle({
  start: 16, end: 32, text: "Have fun playing with it!"
 });
});
</script>

◆身体同F一样。

 

 =====================================

 【J】其他，比如播放结束后的动作：

[javascript]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. $("#jpId").jPlayer( {  
  2.   ready: function() { // $.jPlayer.event.ready 事件   
  3.     $(this).jPlayer("setMedia", { // 设置媒体   
  4.       m4v: "m4v/presentation.m4v"  
  5.     }).jPlayer("play"); // 自动播放媒体   
  6.   },  
  7.   ended: function() { // The $.jPlayer.event.ended 事件   
  8.     window.location = "/page/index.aspx";  
  9.   },  
  10.   supplied: "m4v"  
  11. );  
  12.     
  13. $("#jumpToTime").click( function() {  
  14.   $("#jpId").jPlayer("play", 42); // 从媒体的42秒处开始播放.   
  15. });  

http://chatgpt.dhexx.cn/article/OKC9grW8.shtml

相关文章

jPlayer插件的使用

jPlayer插件的使用

jPlayer插件的使用 2017年04月21日 11:03:19 JENIFURS 阅读数&#xff1a;3952 标签&#xff1a; jPlayer视频插件兼容bug 更多 个人分类&#xff1a; jQuery 版权声明&#xff1a;本文为博主原创文章&#xff0c;未经博主允许不得转载。 https://blog.csdn.net/fuyujiaof/arti…
阅读更多...
JPlayer播放器插件教程，JPlayer项目实战

JPlayer播放器插件教程，JPlayer项目实战

JPlayer 播放器&#xff1a;基于HTML5/Flash的音频、视频播放器。项目预览&#xff1a;播放器插件预览jPlayer中文官方文档&#xff1a;官网功能强大&#xff0c;操作简便&#xff0c;支持换肤功能。引入JPlayer文件以及样式&#xff1a;<head><script type"text…
阅读更多...
TensorFlow 2019

TensorFlow 2019

numpy pandas sklearn 算法 神经网络的Math 动手实现网络结构 应用 TensorFlow框架 图像案例 Machine Learning VS Deep Learning 1 特征提取方面 自动 2 数量集 量大/参数大 * 机器学习 &#xff1a; 朴素贝叶斯 决策树 深度学习 &#xff1a; 统称神经网络 3 应…
阅读更多...
机器学习练习 8 -异常检测和推荐系统（协同过滤）

机器学习练习 8 -异常检测和推荐系统（协同过滤）

1 Anomaly detection&#xff08;异常检测&#xff09; 我们的第一个任务是使用高斯模型来检测数据集中未标记的示例是否应被视为异常。 我们先从简单的二维数据集开始。 之前我们构建的异常检测系统也使用了带标记的数据&#xff0c;与监督学习有些相似&#xff0c;下面的对…
阅读更多...
从普通程序员到AI大神，月薪7W的正确打开方式...

从普通程序员到AI大神，月薪7W的正确打开方式...

“ 前不久&#xff0c;不少人被一段机器人后空翻的视频刷屏了。视频中&#xff0c;双足人形机器人阿特拉斯又是走“梅花桩”&#xff0c;又是秀后空翻&#xff0c;完成了一段精彩绝伦的体操表演。 超强机器人出现&#xff01;分分钟被 AI 惊呆… 要知道阿特拉斯在 2014 年的时候…
阅读更多...
Surface Defect Detection Methods for Industrial Products : A Review

Surface Defect Detection Methods for Industrial Products : A Review

Surface Defect Detection Methods for Industrial Products : A Review &#xff08;工业产品表面缺陷检测方法综述 &#xff09; 文章来源&#xff1a;Appl. Sci.2021,11, 7657. https://doi.org/10.3390/app11167657 &#xff08;Yuanyuan Ding&#xff09; 论文亮点&#x…
阅读更多...
task_5 - 副本

task_5 - 副本

Task01–Task06树模型与集成学习笔记整理 ****************************************************************************************************************** 1 Task01 信息论基础 决策树分类思想&#xff1a; 用树的节点代表样本集合&#xff0c;通过某些判定条件…
阅读更多...
主成分分析（PCA）原理及其python实现

主成分分析（PCA）原理及其python实现

主成分分析 一、概述1.1 问题提出1.2 降维的作用 二、主成分分析(PCA)主要思想三、相关数学知识四、PCA实现步骤4.1 特征值分解矩阵4.2 SVD分解协方差矩阵 五、python程序实现5.1 利用数学公式实现5.2 使用sklearn实现 一、概述 1.1 问题提出 在实际问题研究中&#xff0c;多…
阅读更多...
核酸扫码登记体验有感（如何提高OCR的文字正确识别率）

核酸扫码登记体验有感（如何提高OCR的文字正确识别率）

近几年&#xff0c;新冠疫情持续反复&#xff0c;核酸检测已成为了我们日常生活的一部分&#xff0c;甚至有人开玩笑说朋友邻居见面问候语从“吃了吗你&#xff1f;”变成了“今儿核酸了&#xff1f;”。核酸检测全员常态化&#xff0c;需要大量的志愿者协助医生进行身份证扫描…
阅读更多...
ORB-SLAM2 特征点法SLAM 单目 双目 rgbd相机SLAM 单应/本质矩阵恢复运动 小图大图地图优化

ORB-SLAM2 特征点法SLAM 单目 双目 rgbd相机SLAM 单应/本质矩阵恢复运动 小图大图地图优化

ORB-SLAM2 ORB特征点法SLAM 支持单目、双目、rgbd相机 安装测试 本文github链接 orbslam2 imu ORB-SLAM是一个基于特征点的实时单目SLAM系统&#xff0c;在大规模的、小规模的、室内室外的环境都可以运行。 该系统对剧烈运动也很鲁棒&#xff0c;支持宽基线的闭环检测和重…
阅读更多...
opencv4算法库学习笔记(5万多字超长干货——纪念奋战的自己)

opencv4算法库学习笔记(5万多字超长干货——纪念奋战的自己)

整理于2020年初三个月的日夜积累。。。 参考链接 opencv安装 安装脚本链接&#xff1a;https://github.com/milq/milq/blob/master/scripts/bash/install-opencv.sh 源码编译安装参考&#xff1a;https://blog.csdn.net/liuli2008212/article/details/128169266?spm1001.2…
阅读更多...
【数字图像处理课程设计】期中、期末综合考试题目整理总结（共四个图像处理算法应用题）

【数字图像处理课程设计】期中、期末综合考试题目整理总结（共四个图像处理算法应用题）

目录 一、下面两幅图像中有几处不同&#xff0c;编程把它们找出来、并在图中突出显示&#xff08;关键步骤不能调用内置函数&#xff09;。 1.算法原理 2.解题步骤 3.程序代码 4.处理结果 二、下图含有干扰条纹&#xff08;moir pattern&#xff09;、并且低灰度区域的细…
阅读更多...
MATLAB各个产品概述----哪些产品需要安装？哪些产品不需要安装？阅完了然

MATLAB各个产品概述----哪些产品需要安装？哪些产品不需要安装？阅完了然

MATLAB产品概述 文章目录 1 MATLAB2 Simulink3 5G Toolbox&#xff08;5G工具箱&#xff09;4 Aerospace Blockset&#xff08;航空区块集&#xff09;5 Aerospace Toolbox&#xff08;航空航天工具箱&#xff09;6 Antenna Toolbox&#xff08;天线工具箱&#xff09;7 Audio…
阅读更多...
Latex相关符号

Latex相关符号

函数、符号及特殊字符 声调 语法效果语法效果语法效果\bar{x}\acute{\eta}\check{\alpha}\grave{\eta}\breve{a}\ddot{y}\dot{x}\hat{\alpha}\tilde{\iota} 函数 语法效果语法效果语法效果\sin\theta\cos\theta\tan\theta\arcsin\frac{L}{r}\arccos\frac{T}{r}\arctan\frac{L…
阅读更多...
一文读懂人脸识别技术

一文读懂人脸识别技术

2019-08-27 17:06:26 本文内容涵盖人脸识别发展历程、市场研究、核心技术、商业应用以及产业落地、个人看法等干货研究。注意&#xff0c;本文干货满满&#xff0c;约有2万7千字&#xff0c;强烈建议大家先收藏后学习&#xff01; 01 发展史 1. 人脸识别的理解 人脸识别(Fa…
阅读更多...
综述 | 基于特征的视觉同步定位和建图

综述 | 基于特征的视觉同步定位和建图

点击上方“计算机视觉工坊”&#xff0c;选择“星标” 干货第一时间送达 Feature‑based visual simultaneous localization and mapping: a survey Rana Azzam1 Tarek Taha2 Shoudong Huang3 Yahya Zweiri4 接收日期&#xff1a;2019 年 10 月 30 日/接受时间&#xff1a;…
阅读更多...
ORB_SLAM2 源码解析 单目初始化器Initializer(三)

ORB_SLAM2 源码解析 单目初始化器Initializer(三)

目录 一、地图点初始化 二、重新记录特征点的匹配关系 1、构建旋转直方图 1.1、在半径窗口内搜索当前帧F2中所有的候选匹配特征点GetFeaturesInArea 1.2、表示一个图像像素相当于多少个图像网格列和行 1.4、遍历圆形区域内的所有网格&#xff0c;寻找满足条件的候选特征点&…
阅读更多...
Zotero文献管理软件使用指南——入门篇

Zotero文献管理软件使用指南——入门篇

一、安装与注册 zotero下载地址 二、文献导入 2.1 方法一&#xff1a;Zoreto Connector插件 2.1.1 下载插件 还是刚刚那个网址&#xff0c;点击红色方框下载插件。 下载完成之后浏览器上方会有如下图所示的小图标 2.1.2 导入举例 以知网为例 找到你想看的…
阅读更多...
【EndNote】功能强大的文献管理软件

【EndNote】功能强大的文献管理软件

EndNote X9是一款功能强大的文献管理软件,使用这款EndNote X9破解版可以让你直接将其安装到Windows操作系统上使用,如果您正需要这款免费版工具,马上下载EndNote X9使用吧。 基本简介 EndNote 是一款主流文献管理软件&#xff0c;有数以百万计的研究人员、学生和图书管理员使用…
阅读更多...
文献管理软件Zotero配置及使用

文献管理软件Zotero配置及使用

文献管理软件-Zotero常用插件安装及配置使用 一、Zotero安装与同步盘配置 1、下载Zotero并安装2、配置Zotero &#xff08;1&#xff09;配置同步盘&#xff08;以onedrive为例&#xff09;——如果不配置同步盘&#xff0c;这一步可以跳过&#xff08;2&#xff09;配置输出文…
阅读更多...
推荐文章

Copyright @ 2022~2023