Albert_Tiger
Albert_Tiger

视频直播技术之HLS 如何播放m3u8格式

引言
在H5新标签video诞生之前，基本上所有直播都是用flash实现的。常用的流媒体协议主要有 HTTP 渐进下载和基于 RTSP/RTP 的实时流媒体协议，这两种协议是完全不同的实现方式。主要区别如下：
1. 一种是分段渐近下载，一种是基于实时流来实现播放
2.协议不同，HTTP 协议的渐近下载意味着你可以在一台普通的 HTTP 的应用服务器上就可以直接提供点播和直播服务
3.延迟有差异，HTTP 渐近下载的方式的延迟理论上会略高于实时流媒体协议的播放
4.渐近下载会生成索引文件，所以需要考虑存储，对 I/O 要求较高

实现原理
HLS 点播是常见的分段 HTTP 点播，就是将视频流分成不同的片段，客户端不断的去下载该片段，由于片段之间的分段间隔时间非常短，所以看起来是一条完整的播放流，实现的重点是对于媒体文件的分割。同时，HLS 还支持多码率的切换，客户端可以选择从许多不同的备用源中以不同的速率下载同样的资源，允许流媒体会话适应不同的数据速率。多清晰度就是这样实现的。
为了播放媒体流，客户端首先需要获得播放列表文件，也就是根据 HLS 生成的片段列表，该列表中包含每个流媒体的文件，客户端以类似轮询的方式不断重复加载播放列表文件并将片段追加实现流媒体的播放。
播放列表文件就是通常我们所说的 m3u8 文件，是以后缀 .m3u8 Content-Type是”application/vnd.apple.mpegurl” 的文件。

本文主要目的在于告诉读者如何在pc端和移动端播放m3u8格式直播视频。

pc端代码

<div id="playercontainer">div>
<script type="text/javascript" src="http://resource.bcevod.com/player/cyberplayer.js">script>
<script type="text/javascript">
    var player = cyberplayer("playercontainer").setup({
        width: 640,
        height: 480,
        file: "http://_LC_XY0_non_11009625215214236861672914_OX/index.m3u8",
        image: "",
        autostart: false,
        stretching: "uniform",
        repeat: false,
        volume: 100,
        controls: true,
        ak: 'cc94de6803904f2ca7159eedeaced55d'
    });
script>

移动端代码

<video class="vjs-tech" width="100%" height="100%"  
    controls="controls" autoplay="autoplay"  
    x-webkit-airplay="true" x5-video-player-fullscreen="true"  
    preload="auto" playsinline="true" webkit-playsinline  
    x5-video-player-typ="h5">  
    <source type="application/x-mpegURL" src="http://dlhls.cdn.zhanqi.tv/zqlive/22578_yKdJM.m3u8">  
</video>

pc端代码

<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js">script>
<video id="video">video>
<script>
  if(Hls.isSupported()) {
    var video = document.getElementById('video');
    var hls = new Hls();
    hls.loadSource('http://www.streambox.fr/playlists/test_001/stream.m3u8');
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function() {
      video.play();
  });
 }
script>

pc端代码2


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>
head>
<body>
<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js">script>
<video id="video">video>
<script>
    if(Hls.isSupported()) {
        var video = document.getElementById('video');
        var hls = new Hls();
        hls.loadSource('http://_LC_XY0_non_11009625215214236861672914_OX/index.m3u8');
        hls.attachMedia(video);
        hls.on(Hls.Events.MANIFEST_PARSED,function() {
            video.play();
        });
    }
script>
body>
html>

http://blog.csdn.net/lipengshiwo/article/details/78187496
https://www.zhihu.com/question/38839312/answer/163375688
https://www.cnblogs.com/saysmy/p/6429835.html
https://www.zhihu.com/question/38839312
http://blog.csdn.net/enweitech/article/details/53503012
http://www.jq22.com/jquery-info404
http://www.cnblogs.com/saysmy/p/6429835.html
https://www.cnblogs.com/webenh/p/5815741.html
http://coderlt.coding.me/2016/02/26/videojs-readme/

你可能感兴趣的:(js插件)

  • 颜色拾取器 jscolor.js插件中工作中遇到的问题 乱来丶Fack
    jscolor.js在动态加载的弹出层上面，点击选择颜色，会有弹不出来的情况的.1.bootstrap中只需要把弹出层的zIndex:层级改高，应该就没问题了。2.还有就是动态加载的弹框的问题，因为jscolor是个方法，他在js加载的时候，就只走一遍，那个时候弹框还没加载进来，所以，他是找不到这个class的，所以就会造成点击input，jscolor弹不出来的情况。解决方案：动态加载jscol
  • js 预览excel/csv stpzhf 前端javascript
    git地址:https://gitee.com/nulicainiao/analyzing-excel-csv.git一、直接上代码1.下载引入使用xlsx.js插件及cptable.js文件importXLSXfrom'./xlsx'importcptablefrom'./cptable.full'functionfixdata(data){//文件流转BinaryStringvaro="",l
  • redux 简单实现各组件状态管理 暴躁程序员
    一、redux特点1.redux是集中管理共享状态的JS插件库2.store用于存储状态的容器，唯一状态树，即：store的state是一个对象，且是唯一的3.action组件改变store状态时，发布的动作4.reducer纯函数，在不改变store状态的情况下返回最新state状态二、redux主要方法createStore(reducer)创建storestore.getState()获取s
  • BootStrap学习笔记JS插件（一）--模态弹出框 ok060 javascriptbootstrap学习
    一、弹出框基础×Close模态弹出窗标题模态弹出窗主体内容关闭保存Bootstrap框架中的模态弹出框，分别运用了“modal”、“modal-dialog”和“modal-content”样式，而弹出窗真正的内容都放置在“modal-content”中，其主要又包括三个部分：☑弹出框头部，一般使用“modal-header”表示，主要包括标题和关闭按钮☑弹出框主体，一般使用“modal-body
  • 使用jquery的imagecropper插件做用户头像上传 兼容移动端 虫虫教父 Jquery小东西用户自定义头像上传jqueryimagecropp
    相信大多的用户系统里都有用户自定义头像上传这个功能，我这今天也在写这块，我将代码贴出来，方便以后大家借鉴。实现方案：使用jquery的imagecropper.js插件中裁剪功能来实现imagecropper.js这个源码我找了很久才找到http://pan.baidu.com/s/1oDqRO代码量很少就没有写注释了cssbody{padding:0;margin:0;height:100%;b
  • 使用webstorm调试vue 2 项目 Future_By_Now vuewebstormvue.jside
    学习目标：使用webstorm调试vue2项目笔者环境：npm6.14.12webstorm2023.1vue2学习内容：例如：正常启动npm项目配置javaScruotdubug配置你的项目地址就好使用dubug运行你配置的调式页问题如果进入了js页无法进入vue页1.查看settting的vue.js插件是否安装2.查看webpack.conf.js文件是否配置了devtool：“eval-s
  • doc文件在线预览 vue_vue实现在线预览pdf文件和下载（pdf.js） Monsterchen Xu doc文件在线预览vue
    最近做项目遇到在线预览和下载pdf文件，试了多种pdf插件，例如jquery.media.js(ie无法直接浏览)最后选择了pdf.js插件(兼容ie10及以上、谷歌、安卓，苹果)强烈推荐改插件，以下介绍用法(1)下载插件(2)将下载构建后的插件放到文件中public(vue/cli3.0)(3)在vue文件中直接使用，贴上完整代码exportdefault{name:"pdf",data(){r
  • JavaScript - 基础+WebAPI（笔记） 禁止摆烂-才浅 前端-笔记JavaScriptES6javascript笔记前端
    前言：求关注本篇文章主要记录以下几部分：基础：输入输出语法；数据类型；运算符；流程控制-分支语句；流程控制-循环语句；数组-基础；函数-基础；对象-基础；WebAPI：DOM；DOM事件基础（事件监听、常用事件、事件对象）；DOM事件进阶（事件流、事件委托）；日期对象；节点操作；M端事件；JS插件；window对象；本地存储；正则表达式；以下部分请移步JavaScript-进阶+高级（笔记）：进阶
  • vue前端使用pdf.js 实现pdf网页预览效果 刘能能能 前端vuejshtml
    vue前端使用pdf.js实现pdf网页预览效果前言最近，在vue项目中需要用到在线预览pdf功能，首先想到了pdf.js插件。pdf.js是一个技术原型主要用于在HTML5平台上展示PDF文档，无需任何本地技术支持。不需要本地浏览器额外支持。准备下载pdfjs—免积分下载注意：只能在服务器使用本地在不能预览。服务器centos很多人在用pdfjs的时候会发现网上的教程都用不了，因为一点击就会弹出
  • cool框架 node.js 实现 腾讯云短信 一只小阿乐 node.js腾讯云云计算
    1.现在想实现node后端实现腾讯云验证码的功能去腾讯云上下载了node.jssdk下载了以后发现不能使用问了问客服说是sdk有问题2.qcloudsms_js插件的使用腾讯短信(1).安装npmiqcloudsms_js-save（2）主题代码使用import{Config,Provide}from'@midwayjs/decorator';import{BaseService}from'@co
  • Vue3使用dayjs以及dayjs日期工具类 谁不想飞舞青春 前端vuejavascript前端vue.js
    Vue3使用dayjs全局使用以及将dayjs封装为自己需要的日期工具类说明安装dayjs命令在main.js里面全局导入在vue模版中使用dayjs语法如下dayjs日期工具类说明这里记录下在Vue3里面使用dayjs插件，以及将它在全局使用，并且将dayjs封装成自己需要的日期工具类。留待以后需要时直接使用。安装dayjs命令npminstalldayjs--save在main.js里面全局导
  • FadstAdmin的city-picker插件实现地区多选 withoutfear fastadminPHPfastadmincity-picker
    下面是效果图：在public\assets\libs\fastadmin-citypicker目录下原有的基础上复制一份，重命名city-picker-multi.min.js，在这个基础上更改。参考文章如何在FastAdmin中加载第三方JS插件或自己编写插件？-FastAdmin问答社区在public\assets\js\backend-init.js中新增一下内容：define(['back
  • Swiper轮播插件的使用与二次封装 听书先生
    1、Swiper官方文档链接：Swiper中文网-轮播图幻灯片js插件,H5页面前端开发Swiper是一个非常强大的轮播插件，Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。并且Swiper不依赖于任何框架，意味着单纯的html+css也可以去引用，jquery或是Vue等等，都可以去使用。2、Vue中使用Swiper建议不要直接依据官方文档的npm安装，np
  • JS-swiper插件 小沐° JSjavascript前端开发语言
    插件：就是别人写好的一些代码，我们只需要复制对应的代码，就可以直接实现对应的效果官网：Swiper中文网-轮播图幻灯片js插件,H5页面前端开发
  • vue使用video.js播放m3u8格式视频 奶昔不会射手 javascriptvue.js音视频
    //安装video.js插件npminstallvideo.js-S//页面引入importVideojsfrom"video.js";import"video.js/dist/video-js.css";props:{src:{type:String,default:"https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8",//可以用这个流来测试},
  • webpack tree shaking 摇树原理 我有一棵树 webpack前端node.js
    Tree-shaking是指在打包过程中通过静态分析，识别并删除未使用的代码，以减小最终输出文件的大小。Webpack通过内置的UglifyJS插件或者Terser插件来实现Tree-shaking。下面是简要的webpackTree-shaking的原理：标记未使用的代码：在编译过程中，Webpack会通过静态分析模块之间的依赖关系，识别出哪些代码是未使用的。基于ES6模块系统：Tree-sha
  • 使用VueCli创建vue2项目 许七安687 vue.js前端npm
    适看人群：后端开发、编程初学者等首先有个问题：Vue和Vue-Cli是什么关系？有什么区别？做个类比：VueCLI=Vue+一堆的js插件。SpringCloud=SpringBoot+一堆第三方组件。使用方式：VueCLI是一个脚手架，通俗点说就是代码生成器，可以快速生成一套基于Vue完整的前端框架，单独编译，单独部署。可以再集成各种第三方插件，扩展出更多的功能。Vue是渐近式框架，你可以用它一
  • 【dayjs】类型“Dayjs”上不存在属性“isSameOrAfter” 白桃与猫 踩坑日记前端javascript
    dayjs中有一些方法是需要使用插件后才能使用，默认情况下，Day.js只提供核心代码，没有安装插件。解决方法：importdayjsfrom'dayjs';importisSameOrAfterfrom'dayjs/plugin/isSameOrAfter';dayjs.extend(isSameOrAfter);再次使用就不报错了：✨相关网址：dayjs插件列表dayjs中文网dayjs官网
  • vue高级用法 Ms.Wang. vue.jsjavascript前端
    Vue插件plugin1,Vue插件plugin安装Vue.js插件。如果插件是一个对象，必须提供install方法。如果插件是一个函数，它会被作为install方法。install方法调用时，会将Vue作为参数传入。该方法需要在调用newVue()之前被调用。当install方法被同一个插件多次调用，插件将只会被安装一次。使用插件通过全局方法Vue.use()使用插件。它需要在你调用newVue
  • html转换成canvas文字空白,html2canvas.js——HTML转Canvas工具 weixin_39623411
    我们经常会遇上动态生成海报的需求，而在Web前端中，生成图片非Canvas莫属。但是在实际工作当中，为了追求效率，我们会不可避免地去使用一些JS插件，而html2canvas.js就是一款优秀的插件，它可以轻松地帮你将HTML代码转换成Canvas，进而生成可保存分享的图片。具体如何使用这款插件呢？接下来请让我用一个简单的示例来为大家讲解。现在假设要生成如下图片，而所有图片和文字都是动态获取的。按
  • 最优的JS甘特图插件【转载】 陨石猎人 javascriptjavascript甘特图前端插件
    甘特图(ant-gantt)在项目管理中，甘特图的可视化操作界面，可以让项目规划与风险把控更便捷与清晰，同时该插件是一款基于HTML5、javasrcipt的一款js插件，支持在当前主流的前端框架中接入。效果图：如何使用1、下载插件官网地址：https://www.aim.link/h5/KA.html2、导入项目将下载到的sdk拷贝至项目工程目录，如拷贝至：externalSdk/ant-gan
  • vue中，给一个URL地址，利用FileSaver.js插件下载文件到本地 坚书直实i vue.jsjavascript前端
    ①首先下载FileSaver.js插件npminstallfile-saver--save②在需要的.vue页面引入import{saveAs}from'file-saver'在HTML中引入//FileSaver.js只有一个函数就是saveAs，它有三个参数，//第一个是：Blob、File、Url可以是二进制流、文件、URL的地址。//第二个是：文件的名字//第三个是：可选的object对象
  • FixedDataTable-无性能消耗百万级table 这个超人不会飞阿
    给你个眼神写这篇文章的原因是,自己在遇到FixedDataTable时候,上网搜了一些文章,总没有尽人意的,或者都是英文版本,对阅读能力有要求.因此我做了对FDT的总结.很多人可能还没有听过这个js插件,简单点,它就是一个table.那么它的强大之处在哪里?我们先看看官网的解释:AReacttablecomponentdesignedtoallowpresentingmillionsofrowso
  • Eclipse上安装angularjs插件 微笑偷走我的魂 angularjs插件
    安装地址：http://oss.opensagres.fr/angularjs-eclipse/0.5.0/全选，下一步，接受，安装。安装完成之后需要将项目转换为angularjs项目：项目右键，选中configure
  • input输入框清除插件，极好用！ herogus丶 共同进步插件html
    不BB别的了，直接上干货，很容易看懂，自己上手测试吧clearInput.js插件代码：(function(){document.addEventListener('DOMContentLoaded',function(){varautoClearFiled=document.querySelectorAll('.am-input-autoclear');//重点,与“HTML中重点1”对应，获取
  • 360*180度全景图预览插件Photo Sphere Viewer MC桥默
    插件描述PhotoSphereViewer是一款基于Three.js的360X180度全景图预览js插件。该js插件可以360度旋转查看全景图，也可以上下180度查看图片。使用该插件的唯一要求是浏览器支持canvas或WebGL。（demo不再服务器里面演示的话请使用火狐浏览器）demo下载链接：https://pan.baidu.com/s/1QS-ieA7pqUDosNRhgL26Cw提取码：
  • 手写一个表单设计器 -- activiti工作流养成计划（八） 唐田震
    目标：手写表单设计器开源的表单设计器有很多，但是我还是手写一个，原因如下： 1、开源的样式与若依框架不配套，如果自己再改样式的话难度与工作量太大。 2、与自己想要的总是有些出入。 3、造轮子的快乐。大致思路：基于若依框架本身提供的js插件和layui样式制作，效果与框架本身配套。使用HTML5提供的拖拽api，可以是代码编写更简单。利用thymeleaf的技术特点，将各种表单元素组件化，方便插拔与
  • Sublime Text3配置nodejs运行环境 light_fish
    sublimetext3配置nodejs运行环境最近几日也是在学习nodejs，一般我都是在用vi来进行简单的编写。但是编写复杂点到的就会可能因为不当心的代码输入错误而报错，所以我就来尝试一下用SublimeText3来进行编写。所以这篇博客也是记录下sublime下的nodejs运行环境的配置。安装nodejs首先当然是安装nodejs咯，由于这个过于简单就略过了~~下载nodejs插件并安装1
  • dplayer播放hls格式视频并自动开始播放 StupigYy 音视频react.jsjavascript前端react
    监控视频流为hls格式，需要打开或刷新页面自动开始播放，需要安装dplayer和hls.js插件，插件直接npm装就行，上代码importDPlayerfrom'dplayer'importHlsfrom'hls.js'//jquery是用来注册点击事件，实现自动开始播放import$from'jquery'newDPlayer({container:document.getElementById
  • 解决Nuxt.js 中 sessionStorage is not defined 问题 阿新- Nuxtjavascript前端开发语言
    异常：sessionStorageisnotdefined(sessionStorage未定义)在api.js中使用sessionStorage拿数据，页面访问时，抛异常：sessionStorageisnotdefined错误原因：注册插件时没有声明前端客户端也就是使用的默认前端客户端和服务端都可用。api.js插件注册的方式：前端服务端、前端客户端sessionStorage属于前端客户端也就
  • HQL之投影查询 归来朝歌 HQLHibernate查询语句投影查询
            在HQL查询中，常常面临这样一个场景，对于多表查询，是要将一个表的对象查出来还是要只需要每个表中的几个字段，最后放在一起显示？ 针对上面的场景，如果需要将一个对象查出来： HQL语句写“from 对象”即可 Session session = HibernateUtil.openSession();
  • Spring整合redis bylijinnan redis
    pom.xml <dependencies> <!-- Spring Data - Redis Library --> <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-redi
  • org.hibernate.NonUniqueResultException: query did not return a unique result: 2 0624chenhong Hibernate
    参考：http://blog.csdn.net/qingfeilee/article/details/7052736 org.hibernate.NonUniqueResultException: query did not return a unique result: 2         在项目中出现了org.hiber
  • android动画效果 不懂事的小屁孩 android动画
    前几天弄alertdialog和popupwindow的时候，用到了android的动画效果，今天专门研究了一下关于android的动画效果，列出来，方便以后使用。 Android 平台提供了两类动画。 一类是Tween动画，就是对场景里的对象不断的进行图像变化来产生动画效果（旋转、平移、放缩和渐变）。 第二类就是 Frame动画，即顺序的播放事先做好的图像，与gif图片原理类似。
  • js delete 删除机理以及它的内存泄露问题的解决方案 换个号韩国红果果 JavaScript
    delete删除属性时只是解除了属性与对象的绑定，故当属性值为一个对象时，删除时会造成内存泄露  （其实还未删除） 举例： var person={name:{firstname:'bob'}} var p=person.name delete person.name p.firstname -->'bob' // 依然可以访问p.firstname，存在内存泄露
  • Oracle将零干预分析加入网络即服务计划 蓝儿唯美 oracle
    由Oracle通信技术部门主导的演示项目并没有在本月较早前法国南斯举行的行业集团TM论坛大会中获得嘉奖。但是，Oracle通信官员解雇致力于打造一个支持零干预分配和编制功能的网络即服务（NaaS）平台，帮助企业以更灵活和更适合云的方式实现通信服务提供商（CSP）的连接产品。这个Oracle主导的项目属于TM Forum Live!活动上展示的Catalyst计划的19个项目之一。Catalyst计
  • spring学习——springmvc（二） a-john springMVC
    Spring MVC提供了非常方便的文件上传功能。 1，配置Spring支持文件上传： DispatcherServlet本身并不知道如何处理multipart的表单数据，需要一个multipart解析器把POST请求的multipart数据中抽取出来，这样DispatcherServlet就能将其传递给我们的控制器了。为了在Spring中注册multipart解析器，需要声明一个实现了Mul
  • POJ-2828-Buy Tickets aijuans ACM_POJ
    POJ-2828-Buy Tickets http://poj.org/problem?id=2828 线段树，逆序插入 #include<iostream>#include<cstdio>#include<cstring>#include<cstdlib>using namespace std;#define N 200010struct
  • Java Ant build.xml详解 asia007 build.xml
    1,什么是antant是构建工具2,什么是构建概念到处可查到，形象来说，你要把代码从某个地方拿来，编译，再拷贝到某个地方去等等操作，当然不仅与此，但是主要用来干这个3,ant的好处跨平台   --因为ant是使用java实现的，所以它跨平台使用简单--与ant的兄弟make比起来语法清晰--同样是和make相比功能强大--ant能做的事情很多，可能你用了很久，你仍然不知道它能有
  • android按钮监听器的四种技术 百合不是茶 androidxml配置监听器实现接口
    android开发中经常会用到各种各样的监听器,android监听器的写法与java又有不同的地方;    1,activity中使用内部类实现接口 ,创建内部类实例  使用add方法  与java类似   创建监听器的实例 myLis lis = new myLis();   使用add方法给按钮添加监听器  
  • 软件架构师不等同于资深程序员 bijian1013 程序员架构师架构设计
            本文的作者Armel Nene是ETAPIX Global公司的首席架构师，他居住在伦敦，他参与过的开源项目包括 Apache Lucene,，Apache Nutch， Liferay 和 Pentaho等。         如今很多的公司
  • TeamForge Wiki Syntax & CollabNet User Information Center sunjing TeamForgeHow doAttachementAnchorWiki Syntax
    the CollabNet user information center http://help.collab.net/   How do I create a new Wiki page? A CollabNet TeamForge project can have any number of Wiki pages. All Wiki pages are linked, and
  • 【Redis四】Redis数据类型 bit1129 redis
    概述 Redis是一个高性能的数据结构服务器，称之为数据结构服务器的原因是，它提供了丰富的数据类型以满足不同的应用场景，本文对Redis的数据类型以及对这些类型可能的操作进行总结。 Redis常用的数据类型包括string、set、list、hash以及sorted set.Redis本身是K/V系统，这里的数据类型指的是value的类型，而不是key的类型，key的类型只有一种即string
  • SSH2整合-附源码 白糖_ eclipsespringtomcatHibernateGoogle
    今天用eclipse终于整合出了struts2+hibernate+spring框架。 我创建的是tomcat项目，需要有tomcat插件。导入项目以后，鼠标右键选择属性，然后再找到“tomcat”项，勾选一下“Is a tomcat project”即可。具体方法见源码里的jsp图片，sql也在源码里。     补充1：项目中部分jar包不是最新版的，可能导
  • [转]开源项目代码的学习方法 braveCS 学习方法
    转自： http://blog.sina.com.cn/s/blog_693458530100lk5m.html http://www.cnblogs.com/west-link/archive/2011/06/07/2074466.html   1）阅读features。以此来搞清楚该项目有哪些特性2）思考。想想如果自己来做有这些features的项目该如何构架3）下载并安装d
  • 编程之美-子数组的最大和（二维） bylijinnan 编程之美
    package beautyOfCoding; import java.util.Arrays; import java.util.Random; public class MaxSubArraySum2 { /** * 编程之美 子数组之和的最大值（二维） */ private static final int ROW = 5; private stat
  • 读书笔记-3 chengxuyuancsdn jquery笔记resultMap配置ibatis一对多配置
    1、resultMap配置 2、ibatis一对多配置 3、jquery笔记 1、resultMap配置 当<select resultMap="topic_data"> <resultMap id="topic_data">必须一一对应。 (1)<resultMap class="tblTopic&q
  • [物理与天文]物理学新进展 comsci
          如果我们必须获得某种地球上没有的矿石,才能够进行某些能量输出装置的设计和建造,而要获得这种矿石,又必须首先进行深空探测,而要进行深空探测,又必须获得这种能量输出装置,这个矛盾的循环,会导致地球联盟在与宇宙文明建立关系的时候,陷入困境       怎么办呢?  
  • Oracle 11g新特性:Automatic Diagnostic Repository daizj oracleADR
    Oracle Database 11g的FDI（Fault Diagnosability Infrastructure）是自动化诊断方面的又一增强。 FDI的一个关键组件是自动诊断库（Automatic Diagnostic Repository-ADR）。 在oracle 11g中，alert文件的信息是以xml的文件格式存在的，另外提供了普通文本格式的alert文件。 这两份log文
  • 简单排序:选择排序 dieslrae 选择排序
    public void selectSort(int[] array){ int select; for(int i=0;i<array.length;i++){ select = i; for(int k=i+1;k<array.leng
  • C语言学习六指针的经典程序，互换两个数字 dcj3sjt126com c
    示例程序，swap_1和swap_2都是错误的，推理从1开始推到2，2没完成，推到3就完成了 # include <stdio.h> void swap_1(int, int); void swap_2(int *, int *); void swap_3(int *, int *); int main(void) { int a = 3; int b =
  • php 5.4中php-fpm 的重启、终止操作命令 dcj3sjt126com PHP
    php 5.4中php-fpm 的重启、终止操作命令: 查看php运行目录命令：which php/usr/bin/php 查看php-fpm进程数：ps aux | grep -c php-fpm 查看运行内存/usr/bin/php  -i|grep mem 重启php-fpm/etc/init.d/php-fpm restart 在phpinfo()输出内容可以看到php
  • 线程同步工具类 shuizhaosi888 同步工具类
    同步工具类包括信号量（Semaphore）、栅栏（barrier）、闭锁（CountDownLatch）   闭锁（CountDownLatch） public class RunMain { public long timeTasks(int nThreads, final Runnable task) throws InterruptedException { fin
  • bleeding edge是什么意思 haojinghua DI
    不止一次，看到很多讲技术的文章里面出现过这个词语。今天终于弄懂了——通过朋友给的浏览软件，上了wiki。  我再一次感到，没有辞典能像WiKi一样，给出这样体贴人心、一清二楚的解释了。为了表达我对WiKi的喜爱，只好在此一一中英对照，给大家上次课。   In computer science, bleeding edge is a term that
  • c中实现utf8和gbk的互转 jimmee ciconvutf8&gbk编码
    #include <iconv.h> #include <stdlib.h> #include <stdio.h> #include <unistd.h> #include <fcntl.h> #include <string.h> #include <sys/stat.h> int code_c
  • 大型分布式网站架构设计与实践 lilin530 应用服务器搜索引擎
    1.大型网站软件系统的特点？ a.高并发，大流量。 b.高可用。 c.海量数据。 d.用户分布广泛，网络情况复杂。 e.安全环境恶劣。 f.需求快速变更，发布频繁。 g.渐进式发展。 2.大型网站架构演化发展历程？ a.初始阶段的网站架构。 应用程序，数据库，文件等所有的资源都在一台服务器上。 b.应用服务器和数据服务器分离。 c.使用缓存改善网站性能。 d.使用应用
  • 在代码中获取Android theme中的attr属性值 OliveExcel androidtheme
    Android的Theme是由各种attr组合而成, 每个attr对应了这个属性的一个引用, 这个引用又可以是各种东西.   在某些情况下, 我们需要获取非自定义的主题下某个属性的内容 (比如拿到系统默认的配色colorAccent), 操作方式举例一则: int defaultColor = 0xFF000000; int[] attrsArray = { andorid.r.
  • 基于Zookeeper的分布式共享锁 roadrunners zookeeper分布式共享锁
    首先，说说我们的场景，订单服务是做成集群的，当两个以上结点同时收到一个相同订单的创建指令，这时并发就产生了，系统就会重复创建订单。等等......场景。这时，分布式共享锁就闪亮登场了。   共享锁在同一个进程中是很容易实现的，但在跨进程或者在不同Server之间就不好实现了。Zookeeper就很容易实现。具体的实现原理官网和其它网站也有翻译，这里就不在赘述了。   官
  • 两个容易被忽略的MySQL知识 tomcat_oracle mysql
    1、varchar(5)可以存储多少个汉字，多少个字母数字？ 　　相信有好多人应该跟我一样，对这个已经很熟悉了，根据经验我们能很快的做出决定，比如说用varchar(200)去存储url等等，但是，即使你用了很多次也很熟悉了，也有可能对上面的问题做出错误的回答。 　　这个问题我查了好多资料，有的人说是可以存储5个字符，2.5个汉字（每个汉字占用两个字节的话），有的人说这个要区分版本，5.0
  • zoj 3827 Information Entropy(水题) 阿尔萨斯 format
    题目链接：zoj 3827 Information Entropy 题目大意：三种底，计算和。 解题思路：调用库函数就可以直接算了，不过要注意Pi = 0的时候，不过它题目里居然也讲了。。。limp→0+plogb(p)=0，因为p是logp的高阶。 #include <cstdio> #include <cstring> #include <cmath&
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他