RTMP、RTSP、HTTP在线直播流地址(附VLC测试播放软件)

一、RTMP、RTSP、HTTP协议 这三个协议都属于互联网 TCP/IP 五层体系结构中应用层的协议。理论上这三种都可以用来做视频直播或点播。但通常来说,直播一般用 RTMP、RTSP。而点播用 HTTP。下面分别介绍下三者的特点。 1,RTMP协议 (1)是流媒体协议。 (2)RTMP协议是 Adobe 的私有协议,未完全公开。 (3)RTMP协议一般传输的是 flv,f4v 格式流。 (4)RTMP一般在 TCP 1个通道上传输命令和数据。 2,RTSP协议 (1)是流媒体协议。 (2)RTSP协议是共有协议,并有专门机构做维护。. (3)RTSP协议一般传输的是 ts、mp4 格式的流。 (4)RTSP传输一般需要 2-3 个通道,命令和数据通道分离。 3,HTTP协议 (1)不是是流媒体协议。 (2)HTTP协议是共有协议,并有专门机构做维护。 (3)HTTP协议没有特定的传输流 … 继续阅读RTMP、RTSP、HTTP在线直播流地址(附VLC测试播放软件)

纯css下拉菜单(带小三角)特效源码

下面是一个常用的下拉菜单,带小三角,纯css手写. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>下拉菜单</title> <style> .select { margin: 50px 500px; width: 180px; text-align: center; } .select a { color: #fff; text-decoration: none; } .select ul, .select li { margin: 0; padding: 0; list-style: none; } .select span { line-height: 46px; background-color: #41b1 … 继续阅读纯css下拉菜单(带小三角)特效源码

程序员个性注释 另类视角:注释用的好,可能会挨打!?

这是写在前面的话:在开发中的时候,应该、可能、或许会看到有趣的注释 遇到类似的注释能让开发更加的有乐趣,我提倡程序猿继续传承下去这个美好优良传统 /** * 佛曰: * 写字楼里写字间,写字间里程序员; * 程序人员写程序,又拿程序换酒钱。 * 酒醒只在网上坐,酒醉还来网下眠; * 酒醉酒醒日复日,网上网下年复年。 * 但愿老死电脑间,不愿鞠躬老板前; * 奔驰宝马贵者趣,公交自行程序员。 * 别人笑我忒疯癫,我笑自己命太贱; * 不见满街漂亮妹,哪个归得程序员? */ /** * _ooOoo_ * o8888888o * 88" . "88 * (| -_- |) * O\ = /O * ____/`—'\____ * . ' \\| |// `. * / \\||| : |||// \ * / _||||| -:- |||||- \ * | … 继续阅读程序员个性注释 另类视角:注释用的好,可能会挨打!?

网页设计中常用的web安全字体及CSS写法

点击查看:Web字体样式对照表 HTML,CSS,font-family:中文字体的英文名称 中文名 对照名 css写法 宋体 SimSun font-family:SimSun; 黑体 SimHei font-family:SimHei; 微软雅黑 Microsoft YaHei font-family:Microsoft YaHei; 微软正黑体 Microsoft JhengHei font-family:Microsoft JhengHei; 新宋体 NSimSun font-family:NSimSun; 新细明体 PMingLiU font-family:PMingLiU; 细明体 MingLiU font-family:MingLiU; 标楷体 DFKai-SB font-family:DFKai-SB; 仿宋 FangSong font-family:FangSong; 楷 … 继续阅读网页设计中常用的web安全字体及CSS写法

播放rtmp、hls直播流 搭建rtmp直播流服务videojs和ckPlayer二次开发

本章讲一下播放器的选用和二次开发,前端的播放器虽然有flex(flash)可以用,但是很遗憾flex接触的并不多,学习成本又太高,那么基于第三方开源的flash播放器二次开发就显得很有必要。 一、几种播放器选择 那么播放器,已经不再更新的以及收费的,这里不会进行介绍,只介绍两种轻量级的开源播放器。 1、videoJS 对于HTML5支持非常棒,可以自动在flash和Html5播放器之间进行切换,videoJS可以兼容到IE8,它提供的界面非常简洁,需要对界面进行二次开发。 点击下载videojs开发包 2、ckPlayer 这个播放器是国产播放器,功能有很多,只简单介绍两个功能,(1)提供手动切换html5和flash功能(2)提供了关灯开灯功能。完全可以满足国内开发的需求(3)它内置了大量的广告位,比如片头广告,暂停广告,片尾广告,缓冲广告,切点广告,滚动文字广告,以及满足权限关闭广告的 … 继续阅读播放rtmp、hls直播流 搭建rtmp直播流服务videojs和ckPlayer二次开发

手机web开发技巧 移动端web开发常见问题汇总

常见问题 1、移动端如何定义字体font-family 三大手机系统的字体: ios 系统 默认中文字体是Heiti SC 默认英文字体是Helvetica 默认数字字体是HelveticaNeue 无微软雅黑字体 android 系统 默认中文字体是Droidsansfallback 默认英文和数字字体是Droid Sans 无微软雅黑字体 winphone 系统 默认中文字体是Dengxian(方正等线体) 默认英文和数字字体是Segoe 无微软雅黑字体 各个手机系统有自己的默认字体,且都不支持微软雅黑 如无特殊需求,手机端无需定义中文字体,使用系统默认 英文字体和数字字体可使用 Helvetica ,三种系统都支持 * 移动端定义字体的代码 */ body{font-family:Helvetica;} 2、移动端字体单位font-size选择px还是rem 对于只需要适配手机设备, … 继续阅读手机web开发技巧 移动端web开发常见问题汇总

3D翻转文字特效代码

有趣的3D翻转文字特效代码,效果如下: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } body{ background-color: #cccccc; } .box{ width: 600px; margin: 100px auto; } span{ display: inline-block; width: 100px; height: 100px; font-size: 100px; font-family: ‘microsoft yahei'; margin-right: 40px … 继续阅读3D翻转文字特效代码

java web开发tomcat7.0 + jdk1.7 + mysql5.1 项目环境部署

1、首先安装一个适合jsp的运行环境。 JDK+Tomcat. 1)首先安装Java运行环境。(建议默认路径安装) 链接:http://pan.baidu.com/s/1ntiU6NJ 密码:hs57 2)安装JDK(建议默认路径安装) 链接:http://pan.baidu.com/s/1c0nqCRA 密码:4xdw 3)安装Tomcat 链接:http://pan.baidu.com/s/1eQ8RpOe 密码:432d 4)配置环境变量 a.“计算机”右键“属性”——“高级系统设置”——“高级”——“环境变量”打开环境变量设置窗口。 b.在下面的“系统环境变量”设置窗口中,点击“新建”,建立JAVA_HOME变量: 变量名:JAVA_HOME 变量值:C:\Program Files\Java\jdk1.6.0 c.在下面的“系统环境变量”设置窗口中,点击“新建”,建立CLASSP … 继续阅读java web开发tomcat7.0 + jdk1.7 + mysql5.1 项目环境部署

【转】让iframe在iOS设备手机浏览器上支持滚动

HTML代码 在使用IFRAME或者其他HTML元素时,你需要使用一个元素(如DIV)来包装他们: <div class="scroll-wrapper"> <iframe src=""></iframe> </div> 这个DIV将作为支持内部滚动的基础容器。 CSS 代码 要让IFRAME支持滚动,需要一个常用的CSS属性和一个很少人知道的CSS属性(property): .scroll-wrapper { -webkit-overflow-scrolling: touch; overflow-y: scroll; /* 提示: 请在此处加上需要设置的大小(dimensions)或位置(positioning)信息! */ } .scroll-wrapper iframe { /* 你自己指定的样式 … 继续阅读【转】让iframe在iOS设备手机浏览器上支持滚动

CSS3表格隔行变色效果 nth-child()选择器使用方法

在前端开发中,我们可能会碰到这样的需求:想让列表中的第一个部分显示不同的样式 ,想让列表中的偶数部分显示不同的背景颜色,想让列表中的最后一部分样式不一样……这样的需求,我们怎样来实现? 其实,如果前面文件是php开发的,可以通过php的循环语句+判断语句+css样式来实现。但是,如果是静态代码,php就无法用了。这时,我们还可以通过CSS来实现,CSS给我们提供了几个非常有用的样式参数:first-child、last-child、nth-child(n)。 1、first-child first-child表示选择列表中的第一个标签,代码如下: li:first-child{background:#090} 上面的意思是,li 列表中的 第一个li模块的背景颜色。 2、last-child last-child表示选择列表中的最后一个标签,代码如下: li:last-child{back … 继续阅读CSS3表格隔行变色效果 nth-child()选择器使用方法