HTML-Audio/Video

简介：

  • 容器：不论是音频还是视频文件，实际上都是容器文件；
    • 视频文件包含了音频轨道、视频轨道和其他一些元数据；
    • 视频文件播放时，音频轨道和视频轨道是绑定在一起；元数据包含了该视频的封面、子标题、字幕等信息；
  • 主流视频容器支持格式：
    • Audio Video Interleave(.avi)
    • Flash Video(.flv)
    • MPGE4(.mp4)
    • Mattroska(.mkv)
    • Ogg(.ogv)
  • 编/解码器：
    • 一组算法，用来对一段特定视频或音频进行解码和编码；
    • 由于一些原因，当前没有任意一种编解码器可以被所有浏览器厂商支持；
    • 目前HTML5规范中并没有对编解码器做要求；

 浏览器支持：

<video src='../test.webm' controls>
    <object data='videoplayer.swf' type='application/x-shockwave-flash'>
	<param name="movie" value="video.swf">
   </object>
</video>

以插件方式播放视频的代码为备选内容；不过考虑到各种浏览器，可能需要多种视频格式；

WebVTT文件： 一个WebVTT（.vtt）文件是一个简单的纯文本，里面包含了几种类型的视频信息：

  • 字幕：关于对话的转译或者翻译。
  • 标题：类似于标题，但是还包括音响效果和其他音频信息。
  • 说明：预期为一个单独的文本文件，通过屏幕阅读器描述视频。
  • 章节：旨在帮助用户浏览整个视频。
  • 元数据：默认不打算展示给观众的、和视频有关的信息和内容。但是你可以使用Javascript来访问。
test.vtt
---------
1
00:00:01.000 --> 00:00:18.000
At the left we can see...


test.html
------------
<video src='../test.webm' controls>
    <track src="test.vtt" kind="subtitles" srclang="en" label="English" />  
</video>

理解媒体元素：

  • 声明媒体元素：audio/video ; controls //如果不指定controls,浏览器将无法显示通用的控件，可用在如背景音乐；
  • source元素：用于备用声明包含来源 
    <audio controls>
    <source src = 'test.ogg'>
    <source src = 'test.mp3'>
</audio>

    来源列表的顺序，最好按照用户由高到低或者服务器消耗由低到高；　　

  • 媒体的控制：
    • autoplay:自动播放，在不设置controls的情况下设置，如广告。//注意不是每种设备都支持自动播放，IOS就不支持；
    • 常用控制函数：load()、play()、pause()、canPlayType()；
    • 只读媒体特性：durationo、paused、ended、startTime、error......
    • 可用脚本控制的特性值：autoplay、 loop、 muted...............

使用audio

  • 设置背景音乐： 
    <body>
	<audio id='musci'>
	      <source src='test.ogg'>	
	      <source src='test.mp3'>	
	</audio>

	<button id='toggle'  onclick='toggleSound()'>Play</button>
</body>

<script type="text/javascript">
	function toggleSound() {
		var music = document.getElementById('musci');
		var toggle = document.getElementById('toggle');
		if(music.paused) {
			music.play();
			toggle.innerHTML = 'Pause';
		} else {
			music.pause();
			toggle.innerHTML = 'Play';
		}
	}
</script>

使用video

  • 额外特征
    • poster：视频加载前的内容图片url地址
    • width/height:设置尺寸或读取设置的尺寸；
    • videoWidth/videoHeight:返回视频固有宽高；只读
  • 创建一个视频时序查看器： 
    <body>
	<video src='./test.webm' controls id='movies' autoplay oncanplay='startVideo()' onended='stopTimeline()'>
		<object data='videoplayer.swf' type='application/x-shockwave-flash'>
			<param name="movie" value="video.swf">
		</object>
	</video>

	<canvas id='timeline' width='400px' height='300px'>
		
	</canvas>
</body>

<script type="text/javascript">
//设置帧更新的间隔
	var updateInterval = 5000;

//时序中帧的尺寸	
	var frameWidth = 100;
	var frameHeight = 75;

//时序的总帧数
	var frameRows = 4;
	var frameColumns = 4;
	var frameGrid = frameRows * frameColumns;	

//当前帧
	var frameCount = 0;

//播放完后取消计时器
    var intervalId;
	var videoStarted = false;

	function startVideo() {
		//确保第一次播放才触发
		if(videoStarted) {
			return
		}
		videoStarted = true;

		updateFrame();
		intervalId = setInterval(updateFrame, updateInterval);

		var timeline = document.getElementById('timeline');
		timeline.onclick = function(evt) {
			var video = document.getElementById('movies');
            //计算出第几个，0开始计算
			var offX = evt.layerX;
			var offY = evt.layerY;
			var clickedFrame = Math.floor(offY / frameHeight) * frameRows;
			clickedFrame += Math.floor(offX / frameWidth) ;
            
			var totalTimes = Math.floor(frameCount / 16) * 16 + clickedFrame;
			if(clickedFrame > (frameCount % 16)) {
				totalTimes -= 16;
			}
			
			video.currentTime = totalTimes * updateInterval / 1000;
		}
	}

//把帧绘制到画布上
	function updateFrame() {
		var video = document.getElementById('movies');
		var timeline = document.getElementById('timeline');
       
        var ctx = timeline.getContext('2d');
        //当前播放位置
        var framePosition = frameCount % frameGrid;
        var frameX = (framePosition % frameColumns) * frameWidth;
        var frameY = (Math.floor(framePosition / frameRows)) * frameHeight;
        //canvas的绘制程序可以将视频源当作图像绘制
        ctx.drawImage(video, 0, 0, 400, 300, frameX, frameY, frameWidth, frameHeight);

        frameCount++;
	}
	function stopTimeline() {
		clearInterval(intervalId);
	}

</script>
    • 获取当前时间video.currentTime;
    • 当前加载可播放事件：oncanplay;
    • 当前播放结束事件：onended;
  •  一些其他设置例子：
<video src='./test.webm' controls id='movies' autoplay onmouseover='this.play()'onmouseout='this,pause()'>
       <object data='videoplayer.swf' type='application/x-shockwave-flash'>
	      <param name="movie" value="video.swf">
       </object>
</video>

　　

 

你可能感兴趣的:(video)

  • 广告 你哦哦
    图片1头http://120.77.37.40/yhml/xiaode/lun1.jpg图片1尾图片2头http://pic2016.ytqmx.com:82/2017/0220/35/06.jpg!960.jpg图片2尾图片3头http://pic2016.ytqmx.com:82/2017/0220/35/15.jpg!960.jpg图片3尾广告1头http://wm.video.baomih
  • 大数据真实面试题---SQL The博宇 大数据面试题——SQL大数据mysqlsql数据库bigdata
    视频号数据分析组外包招聘笔试题时间限时45分钟完成。题目根据3张表表结构，写出具体求解的SQL代码（搞笑品类定义：视频分类或者视频创建者分类为“搞笑”）1、表创建语句：createtablet_user_video_action_d(dsint,user_idstring,video_idstring,action_typeint,`timestamp`bigint)rowformatdelimi
  • Aiseesoft Mac Video Converter Ultimate for Mac(视频转换工具) 過客_fad6
    AiseesoftMacVideoConverterUltimateforMac版是一款出色的视频转换工具，允许用户轻松转换和编辑包括4KUHD视频以及在Mac上自制DVD。其惊人的快速转换速度，高质量的输出始终使其成为视频转换器软件的完美选择。本站为您推荐AiseesoftMacVideoConverterUltimateforMac破解版，下载安装即可使用！AiseesoftMacVideoC
  • 2023-5-6晨间日记 深海未眠夜未央
    今天是什么日子起床：6:00就寝：10:00天气：sunny心情：justsoso纪念日：no任务清单昨日完成的任务，最重要的三件事：改进：1.workedhard2.wrotethediaryinthemorning3.watchedvideosaboutforeignalcultures习惯养成：1.readtwoarticles2.watchedvideosaboutforeignalcul
  • 「经济学人」Streaming-video wars 英语学习社
    GameofphonesHBOwillleadAT&T’schallengetoNetflixTimeWarner’scrownjewelmustscaleupwhilemaintainingqualityINLATE2012,justbeforethereleaseof“HouseofCards”,TedSarandos,chiefcontentofficerofNetflix,declared
  • RAG与LLM原理及实践(16)---RAG 前端技术Flask-socketIO PhoenixAI8 RAGMilvusChroma源码及实践前端flaskpythonsocketioRAG
    目录背景技术理念RAG结合点实时数据更新与推送实时查询与响应安装使用完整案例说明后端python代码代码解释前端html代码JS代码代码解释总结背景构建RAG系统或别的系统时，如果后端采用的全Python，或者说是以python为主的系统，是很常见的一个选择，因为毕竟python对LLM，图片，乃至其他video等resource的model都有较完善的支撑，为了快速开发出原型，甚至之后的商用，往
  • 视频语言规划 硅谷秋水 大模型智能体机器学习音视频人工智能计算机视觉机器学习
    23年10月来自谷歌、MIT和伯克利分校的论文“videolanguageplanning”。讨论如何利用在互联网规模数据上预训练大型生成模型，在生成的视频和语言空间中实现复杂长范围任务的视觉规划。为此，提出视频语言规划(VLP)，一种由树搜索过程组成的算法，训练(i)视觉-语言模型作为策略和价值函数，以及(ii)文本-到-视频模型作为动态模型。VLP将长范围任务指令和当前图像观察作为输入，并输出
  • 全国离线地图矢量地图矢量数据点线面数据 一个比新手旧的新手 bigemapjava开发语言
    矢量数据、数据珍贵、谨慎下载同步视频教程：http://www.bigemap.com/video/play2018020621.html专题地图制作视频教程：http://www.bigemap.com/video/play201801172.html矢量测试数据下载:KML（KMZ）格式、DXF（DWG）格式、SHP格式:（请用BIGEMAP直接打开，可另存为SHP，DXF(AutoCAD)等
  • 【HarmonyOS NEXT】List中的播放器组件如何全屏播放 Mayism123 harmonyos
    【关键字】List/播放器/全屏【问题描述】List中的一个组件是一个播放器，点击全屏的时候如何让播放器全屏？【解决方案】video组件自带全屏接口requestFullscreen。参考文档地址：https://developer.huawei.com/consumer/cn/doc/harmonyos-references/ts-media-components-video-000000181
  • HarmonyOS video自定义组件 DaLi Sexy HarmonyOSjava前端数据库harmonyos
    直接上代码import{display,window}from'@kit.ArkUI';@Entry@ComponentstructIndex{controller:VideoController=newVideoController()@StatecurRate:PlaybackSpeed=PlaybackSpeed.Speed_Forward_1_00_X;@StatecurRateName:
  • Git操作 SofiaT git
    来源：最常用的35个Git命令-知乎(zhihu.com)，Git常用基本命令使用详细大全_git命令行-CSDN博客18.回退和rebase_哔哩哔哩_bilibiligit命令https://www.bilibili.com/video/BV1HM411377新手命令（工作区/仓库区）gitconfiggitversiongitinit#初始化空版本gitclone#初始化已有版本gitadd
  • 获取视频长度 AI算法网奇 python基础python开发语言
    fromdecordimportVideoReadersys.path.insert(0,'/home/model-server/dev/data_platform/processors')fromaestheticimportget_aesthetic_model,get_aesthetic_score_batch_queuefrommytools.utilsimportprint_with_t
  • python to_excel 生成多个sheet页 Excel自学成才 pythonexcel开发语言
    python相关学习资料：https://edu.51cto.com/video/4102.htmlhttps://edu.51cto.com/video/3502.htmlhttps://edu.51cto.com/video/1158.htmlPythontoExcel生成多个Sheet页作为一名经验丰富的开发者，我很高兴能帮助你学习如何使用Python生成Excel文件并包含多个Sheet页
  • 我们每一个人都有自己的答案 潘燕生
    昨天晚上睡觉前，哥哥问我一个问题：病毒的DNA是怎么样进入细胞核的。我说我不知道，建议今天上网搜一下。于是一早就在百度视频上搜“病毒的DNA是怎么样进入细胞核的”，无果。他拿起他的手机翻了一下，说找“细胞的暗战”这个视频。这是BBC拍摄的一部科幻纪录片，网上有很多观看的链接。我找了下面这个链接放给哥哥看。https://www.bilibili.com/video/av89127540视频上有弹幕
  • 【Vidu发布】中国首个长时长、高一致性、高动态性Video AI大模型 叶锦鲤 人工智能
    就在昨日（2024年4月27日），北京生数科技有限公司（以下简称“生数科技”）联合清华大学在中关村论坛-未来人工智能先锋论坛上，正式发布中国首个长时长、高一致性、高动态性视频大模型：Vidu。该模型采用生数科技团队原创的Diffusion与Transformer融合的架构U-ViT。据发布会介绍，Vidu不仅支持一键生成长达16秒、分辨率高达1080P的高清视频内容，还能够模拟真实物理世界，拥有丰
  • Unity Apple Vision Pro 开发（七）：UI 交互 + 虚拟键盘 YY-nb #UnityAppleVisionPro开发applevisionprouiunity
    XR开发者社区链接：SpatialXR社区：完整课程、项目下载、项目孵化宣发、答疑、投融资、专属圈子课程试看：https://www.bilibili.com/video/BV1fS421X7fn完整版课程，答疑仅社区成员可见，可以通过文章开头的链接加入社区。课程内容：使用Unity内置的UGUI搭建UI面板在远距离和近距离与UI进行交互UI按钮点击事件的使用调用VisionPro的系统键盘
  • FFCreator: 基于Node.js的高效视频制作库指南 江涛奎Stranger
    FFCreator:基于Node.js的高效视频制作库指南FFCreator一个基于node.js的高速视频制作库Afastvideoprocessinglibrarybasedonnode.js项目地址:https://gitcode.com/gh_mirrors/ff/FFCreator1.项目介绍关于FFCreatorFFCreator是一款基于Node.js开发的高性能视频制作库，旨在简化
  • python 3D体感游戏 雨轩智能 Unity3D教程游戏python开发语言
    python和Unity制作的3D体感游戏初步，python获取手势关键点控制Uinty场景中游戏物体，实现3D场景游戏，python代码如下fromcvzone.HandTrackingModuleimportHandDetectorimportcv2importsocketcap=cv2.VideoCapture(0)cap.set(3,1280)cap.set(4,720)success,i
  • 掌财社:在html5中使用video进行全屏播放与自动播放的代码方法总结！ weixin_45378258 HTML
    今天由于在之前小编在项目中遇到的有关于：“在html5中使用video进行全屏播放与自动播放的代码方法总结！”这方面的内容，所以今天就来和大家分享有关于这方面的相关内容！近期开始开发公司新版官网，首页顶部（header）是一个全屏播放的小视频,现简单总结如下：页面代码：其中php简单判断了一下是否是移动设备,移动设备不展示视频(如果移动端展示的话,需要解决iOS上无法自动播放的问题):ps:如果H
  • 使用transform对html的video播放器窗口放大 宣晨光 前端整理htmlvideo缩放transform
    核心是使用播放容器$('video').css({'transform':'scale(2)','transform-origin':'centertop'});其中scale表示放大倍数，可以是小数transform-origin表示位置，1）可以使用坐标点如'120px200px'2）或者使用方位坐标，leftrighttopbottom总共九个，如左上方'lefttop'上方‘topcent
  • 使用flv.js + websokect播放rtsp格式视频流 音视频开发老马 流媒体服务器Android音视频开发音视频开发ffmpeg开发语言flv流媒体服务器音视频开发
    1.问题背景在最近的项目中，涉及到海康接入的视频播放的问题，海康这边获取到的视频流是rtsp格式，web端目前没有直接可以播放的组件，于是最开始是后端处理了视频流，返回hls格式的m3u8地址，这样用videojs插件就可以播放了，但是问题就是处理了的m3u8地址播放效果非常差，第一次加载时间较长，且播放过程中很卡，尤其是项目的界面做的是视频监控墙，不止一个视频，导致没办法看了。想着最好的方式还是
  • ffplay音视频同步分析 攻城狮百里 音视频音视频C++ffplay
    ffplay默认也是采用的这种同步策略。主流程ffplay中将视频同步到音频的主要方案是，如果视频播放过快，则重复播放上一帧，以等待音频；如果视频播放过慢，则丢帧追赶音频。这一部分的逻辑实现在视频输出函数video_refresh中，分析代码前，我们先来回顾下这个函数的流程图：在这个流程中，“计算上一帧显示时长”这一步骤至关重要。先来看下代码：staticvoidvideo_refresh(voi
  • AI绘画笔记 Denny# AI作画笔记AIGCloraSDstablediffusion
    最近学习怎么AI绘画，这里主要记录相关笔记：1工具工具主要用秋叶大神的工具：https://www.bilibili.com/video/BV1iM4y1y7oA/?spm_id_from=333.999.0.0&vd_source=b5b407651100ec703e082fd10b30caa7秋叶大神的空间：https://space.bilibili.com/12566101（小破站有较多假
  • mysql怎么把utf8mb4_unicode_ci转为utf8mb4_general_ci 我是杨天 mysqlci/cdoracle数据库
    数据库相关学习资料：https://edu.51cto.com/video/655.htmlMySQL字符集转换方案：从utf8mb4_unicode_ci到utf8mb4_general_ci在MySQL数据库中，字符集和排序规则对于数据的存储和检索具有重要影响。utf8mb4_unicode_ci和utf8mb4_general_ci是两种常见的utf8mb4字符集的排序规则。其中，utf8m
  • C++ opencv之视频读写（VideoCapture，VideoWriter） 阿超没有蛀牙 OpenCVc++opencv
    这篇博客主要讲解OpenCV中视频读写。主要涉及到两个API函数：VideoCaptureVideoWriter一、函数简介1.1VideoCapture视频文件读取、摄像头读取、视频流读取VideoCapture既支持从视频文件(.avi，.mpg格式)读取，也支持直接从摄像机(比如电脑自带摄像头)中读取。要想获取视频需要先创建一个VideoCapture对象，VideoCapture对象的创建
  • python调用手机摄像头_教你如何利用python调用摄像头 weixin_39599097 python调用手机摄像头
    这篇文章主要介绍了python调用摄像头的示例代码，帮助大家更好的理解和使用python，感兴趣的朋友可以了解下一、打开摄像头importcv2importnumpyasnpdefvideo_demo():capture=cv2.VideoCapture(0)#0为电脑内置摄像头while(True):ret,frame=capture.read()#摄像头读取,ret为是否成功打开摄像头,tru
  • Android Fragment 学习备忘 Arms206 Android学习android学习
    1.fragment的动态添加与管理，fragment生命周期在后面小节：https://www.bilibili.com/video/BV1Ng411K7YP/?p=37&share_source=copy_web&vd_source=982a7a7c05972157e8972c41b546f9e4https://www.bilibili.com/video/BV1Ng411K7YP/?p=37
  • HTML5 ＜video＞常用属性、时间、方法及基础使用说明 Wu Youlu java前端javascript
    简介HTML元素用于在文档中嵌入媒体播放器，用于支持文档内的视频播放。标签也可用于播放音频，但播放音频用更加适合。元素支持三种视频格式：MP4,WebM,和Ogg:MP4=带有H.264视频编码和AAC音频编码的MPEG4文件WebM=带有VP8视频编码和Vorbis音频编码的WebM文件Ogg=带有Theora视频编码和Vorbis音频编码的Ogg文件基础写法Yourbrowserdoesnot
  • 在国产芯片上实现YOLOv5/v8图像AI识别-【4.2】RK3588获取USB摄像头图像推流RTSP更多内容见视频 橘子的战斗日记 YOLO人工智能音视频
    本专栏主要是提供一种国产化图像识别的解决方案，专栏中实现了YOLOv5/v8在国产化芯片上的使用部署，并可以实现网页端实时查看。根据自己的具体需求可以直接产品化部署使用。B站配套视频：https://www.bilibili.com/video/BV1or421T74f前言在实际生产过程中，有很多时候不光是通过网络获取rtsp视频流，通常会采用在板子上插上USB摄像头获取画面。今天我将向搭建演示该
  • Movavi Video Converter 2022 for Mac/Win：卓越的视频音频文件转换器 平安喜乐616 音视频MovaviVideoConverter视频和音频转换器音频文件转换器
    在数字化时代，视频和音频文件已成为我们日常生活和工作中不可或缺的一部分。无论是制作精美的家庭影片，还是编辑专业的商业视频，一款高效、便捷的视频音频文件转换器无疑是您的得力助手。而MovaviVideoConverter2022，就是这样一款集多种功能于一身的优质软件，无论是Mac还是Windows用户，都能从中受益良多。MovaviVideoConverter2022以其强大的转换功能脱颖而出。它
  • 项目中 枚举与注解的结合使用 飞翔的马甲 javaenumannotation
    前言：版本兼容，一直是迭代开发头疼的事，最近新版本加上了支持新题型，如果新创建一份问卷包含了新题型，那旧版本客户端就不支持，如果新创建的问卷不包含新题型，那么新旧客户端都支持。这里面我们通过给问卷类型枚举增加自定义注解的方式完成。顺便巩固下枚举与注解。 一、枚举 1.在创建枚举类的时候，该类已继承java.lang.Enum类，所以自定义枚举类无法继承别的类，但可以实现接口。
  • 【Scala十七】Scala核心十一：下划线_的用法 bit1129 scala
    下划线_在Scala中广泛应用，_的基本含义是作为占位符使用。_在使用时是出问题非常多的地方，本文将不断完善_的使用场景以及所表达的含义   1. 在高阶函数中使用 scala> val list = List(-3,8,7,9) list: List[Int] = List(-3, 8, 7, 9) scala> list.filter(_ > 7) r
  • web缓存基础：术语、http报头和缓存策略 dalan_123 Web
    对于很多人来说，去访问某一个站点，若是该站点能够提供智能化的内容缓存来提高用户体验，那么最终该站点的访问者将络绎不绝。缓存或者对之前的请求临时存储，是http协议实现中最核心的内容分发策略之一。分发路径中的组件均可以缓存内容来加速后续的请求，这是受控于对该内容所声明的缓存策略。接下来将讨web内容缓存策略的基本概念，具体包括如如何选择缓存策略以保证互联网范围内的缓存能够正确处理的您的内容，并谈论下
  • crontab 问题 周凡杨 linuxcrontabunix
      一： 0481-079   Reached   a   symbol   that   is   not   expected.   背景： */5   *   *   *   *  /usr/IBMIHS/rsync.sh 
  • 让tomcat支持2级域名共享session g21121 session
    tomcat默认情况下是不支持2级域名共享session的，所有有些情况下登陆后从主域名跳转到子域名会发生链接session不相同的情况，但是只需修改几处配置就可以了。 打开tomcat下conf下context.xml文件 找到Context标签,修改为如下内容 如果你的域名是www.test.com <Context sessionCookiePath="/path&q
  • web报表工具FineReport常用函数的用法总结（数学和三角函数） 老A不折腾 Webfinereport总结
      ABS ABS(number):返回指定数字的绝对值。绝对值是指没有正负符号的数值。 Number:需要求出绝对值的任意实数。 示例: ABS(-1.5)等于1.5。 ABS(0)等于0。 ABS(2.5)等于2.5。   ACOS ACOS(number):返回指定数值的反余弦值。反余弦值为一个角度，返回角度以弧度形式表示。 Number:需要返回角
  • linux 启动java进程 sh文件 墙头上一根草 linuxshelljar
    #!/bin/bash #初始化服务器的进程PId变量 user_pid=0; robot_pid=0; loadlort_pid=0; gateway_pid=0; ######### #检查相关服务器是否启动成功 #说明： #使用JDK自带的JPS命令及grep命令组合，准确查找pid #jps 加 l 参数，表示显示java的完整包路径 #使用awk，分割出pid
  • 我的spring学习笔记5-如何使用ApplicationContext替换BeanFactory aijuans Spring 3 系列
    如何使用ApplicationContext替换BeanFactory？ package onlyfun.caterpillar.device; import org.springframework.beans.factory.BeanFactory; import org.springframework.beans.factory.xml.XmlBeanFactory; import
  • Linux 内存使用方法详细解析 annan211 linux内存Linux内存解析
    来源 http://blog.jobbole.com/45748/ 我是一名程序员，那么我在这里以一个程序员的角度来讲解Linux内存的使用。 一提到内存管理，我们头脑中闪出的两个概念，就是虚拟内存，与物理内存。这两个概念主要来自于linux内核的支持。 Linux在内存管理上份为两级，一级是线性区，类似于00c73000-00c88000，对应于虚拟内存，它实际上不占用
  • 数据库的单表查询常用命令及使用方法(-) 百合不是茶 oracle函数单表查询
        创建数据库;       --建表 create table bloguser(username varchar2(20),userage number(10),usersex char(2));       创建bloguser表,里面有三个字段     &nbs
  • 多线程基础知识 bijian1013 java多线程threadjava多线程
    一．进程和线程 进程就是一个在内存中独立运行的程序，有自己的地址空间。如正在运行的写字板程序就是一个进程。 “多任务”：指操作系统能同时运行多个进程（程序）。如WINDOWS系统可以同时运行写字板程序、画图程序、WORD、Eclipse等。 线程：是进程内部单一的一个顺序控制流。 线程和进程 a.       每个进程都有独立的
  • fastjson简单使用实例 bijian1013 fastjson
    一.简介         阿里巴巴fastjson是一个Java语言编写的高性能功能完善的JSON库。它采用一种“假定有序快速匹配”的算法，把JSON Parse的性能提升到极致，是目前Java语言中最快的JSON库；包括“序列化”和“反序列化”两部分，它具备如下特征：     
  • 【RPC框架Burlap】Spring集成Burlap bit1129 spring
    Burlap和Hessian同属于codehaus的RPC调用框架，但是Burlap已经几年不更新，所以Spring在4.0里已经将Burlap的支持置为Deprecated,所以在选择RPC框架时，不应该考虑Burlap了。 这篇文章还是记录下Burlap的用法吧，主要是复制粘贴了Hessian与Spring集成一文，【RPC框架Hessian四】Hessian与Spring集成  
  • 【Mahout一】基于Mahout 命令参数含义 bit1129 Mahout
    1. mahout seqdirectory   $ mahout seqdirectory --input (-i) input Path to job input directory(原始文本文件). --output (-o) output The directory pathna
  • linux使用flock文件锁解决脚本重复执行问题 ronin47 linux lock　重复执行
    linux的crontab命令，可以定时执行操作，最小周期是每分钟执行一次。关于crontab实现每秒执行可参考我之前的文章《linux crontab 实现每秒执行》现在有个问题，如果设定了任务每分钟执行一次，但有可能一分钟内任务并没有执行完成，这时系统会再执行任务。导致两个相同的任务在执行。 例如： <? //  test .php
  • java-74-数组中有一个数字出现的次数超过了数组长度的一半，找出这个数字 bylijinnan java
    public class OcuppyMoreThanHalf { /** * Q74 数组中有一个数字出现的次数超过了数组长度的一半，找出这个数字 * two solutions: * 1.O(n) * see <beauty of coding>--每次删除两个不同的数字，不改变数组的特性 * 2.O(nlogn) * 排序。中间
  • linux 系统相关命令 candiio linux
    系统参数 cat /proc/cpuinfo  cpu相关参数 cat /proc/meminfo 内存相关参数 cat /proc/loadavg 负载情况 性能参数 1）top M：按内存使用排序 P：按CPU占用排序 1：显示各CPU的使用情况 k：kill进程 o：更多排序规则 回车：刷新数据 2）ulimit ulimit -a：显示本用户的系统限制参
  • [经营与资产]保持独立性和稳定性对于软件开发的重要意义 comsci 软件开发
         一个软件的架构从诞生到成熟，中间要经过很多次的修正和改造       如果在这个过程中，外界的其它行业的资本不断的介入这种软件架构的升级过程中           那么软件开发者原有的设计思想和开发路线
  • 在CentOS5.5上编译OpenJDK6 Cwind linuxOpenJDK
    几番周折终于在自己的CentOS5.5上编译成功了OpenJDK6，将编译过程和遇到的问题作一简要记录，备查。 0. OpenJDK介绍 OpenJDK是Sun（现Oracle）公司发布的基于GPL许可的Java平台的实现。其优点： 1、它的核心代码与同时期Sun（-> Oracle）的产品版基本上是一样的，血统纯正，不用担心性能问题，也基本上没什么兼容性问题；（代码上最主要的差异是
  • java乱码问题 dashuaifu java乱码问题js中文乱码
    swfupload上传文件参数值为中文传递到后台接收中文乱码     在js中用setPostParams（{"tag" : encodeURI( document.getElementByIdx_x("filetag").value，"utf-8")}）; 然后在servlet中String t
  • cygwin很多命令显示command not found的解决办法 dcj3sjt126com cygwin
    cygwin很多命令显示command not found的解决办法   修改cygwin.BAT文件如下 @echo off D: set CYGWIN=tty notitle glob set PATH=%PATH%;d:\cygwin\bin;d:\cygwin\sbin;d:\cygwin\usr\bin;d:\cygwin\usr\sbin;d:\cygwin\us
  • [介绍]从 Yii 1.1 升级 dcj3sjt126com PHPyii2
    2.0 版框架是完全重写的，在 1.1 和 2.0 两个版本之间存在相当多差异。因此从 1.1 版升级并不像小版本间的跨越那么简单，通过本指南你将会了解两个版本间主要的不同之处。 如果你之前没有用过 Yii 1.1，可以跳过本章，直接从"入门篇"开始读起。 请注意，Yii 2.0 引入了很多本章并没有涉及到的新功能。强烈建议你通读整部权威指南来了解所有新特性。这样有可能会发
  • Linux SSH免登录配置总结 eksliang ssh-keygenLinux SSH免登录认证Linux SSH互信
    转载请出自出处：http://eksliang.iteye.com/blog/2187265 一、原理      我们使用ssh-keygen在ServerA上生成私钥跟公钥，将生成的公钥拷贝到远程机器ServerB上后,就可以使用ssh命令无需密码登录到另外一台机器ServerB上。      生成公钥与私钥有两种加密方式，第一种是
  • 手势滑动销毁Activity gundumw100 android
    老是效仿ios，做android的真悲催！ 有需求：需要手势滑动销毁一个Activity 怎么办尼？自己写？ 不用~，网上先问一下百度。 结果： http://blog.csdn.net/xiaanming/article/details/20934541 首先将你需要的Activity继承SwipeBackActivity，它会在你的布局根目录新增一层SwipeBackLay
  • JavaScript变换表格边框颜色 ini JavaScripthtmlWebhtml5css
    效果查看：http://hovertree.com/texiao/js/2.htm代码如下，保存到HTML文件也可以查看效果： <html> <head> <meta charset="utf-8"> <title>表格边框变换颜色代码-何问起</title> </head> <body&
  • Kafka Rest : Confluent kane_xie kafkaRESTconfluent
    最近拿到一个kafka rest的需求，但kafka暂时还没有提供rest api（应该是有在开发中，毕竟rest这么火），上网搜了一下，找到一个Confluent Platform，本文简单介绍一下安装。 这里插一句，给大家推荐一个九尾搜索，原名叫谷粉SOSO，不想fanqiang谷歌的可以用这个。以前在外企用谷歌用习惯了，出来之后用度娘搜技术问题，那匹配度简直感人。 环境声明：Ubu
  • Calender不是单例 men4661273 单例Calender
             在我们使用Calender的时候，使用过Calendar.getInstance()来获取一个日期类的对象，这种方式跟单例的获取方式一样，那么它到底是不是单例呢，如果是单例的话，一个对象修改内容之后，另外一个线程中的数据不久乱套了吗？从试验以及源码中可以得出，Calendar不是单例。 测试： Calendar c1 =
  • 线程内存和主内存之间联系 qifeifei java thread
    1， java多线程共享主内存中变量的时候，一共会经过几个阶段，    lock:将主内存中的变量锁定，为一个线程所独占。   unclock:将lock加的锁定解除，此时其它的线程可以有机会访问此变量。   read:将主内存中的变量值读到工作内存当中。   load:将read读取的值保存到工作内存中的变量副本中。  
  • schedule和scheduleAtFixedRate tangqi609567707 javatimerschedule
    原文地址：http://blog.csdn.net/weidan1121/article/details/527307 import java.util.Timer;import java.util.TimerTask;import java.util.Date; /** * @author vincent */public class TimerTest {  
  • erlang 部署 wudixiaotie erlang
    1.如果在启动节点的时候报这个错 ： {"init terminating in do_boot",{'cannot load',elf_format,get_files}} 则需要在reltool.config中加入 {app, hipe, [{incl_cond, exclude}]},     2.当generate时，遇到： ERROR
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他