- 浏览: 796987 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (651)
- Java (39)
- Java 初学者小问题 (66)
- 设计模式 (7)
- 项目管理 (3)
- 数据库 (1)
- 算法 (2)
- Java practices (6)
- Effective Java2读书笔记 (78)
- Linux (2)
- programming ruby 读书笔记 (5)
- Core Java Ninth Edition Volume I 读书笔记 (15)
- Pro Git 读书笔记 (12)
- Git (3)
- Maven in Action 读书笔记 (20)
- Web (12)
- 非技术类书籍 (11)
- 电影 (40)
- Web Cache (1)
- jquery (0)
- 历史 (4)
- Dive Into HTML5 读书笔记 (13)
- 三国演义小学毕业考 (79)
- 高效能人士的7个习惯 读书笔记 (12)
- Java Performance 读书笔记 (3)
- Protocol Buffer 学习笔记 (6)
- Mongo DB 学习笔记 (7)
- Morphia 学习笔记 (7)
- Algorithms -- Princeton 学习笔记 (13)
- String研究 (10)
- Hadoop: The Definitive Guide 读书笔记 (3)
- Java与模式读书笔记 (5)
- Date研究 (3)
- The Roman Empire 听课笔记 (4)
- Algorithms -- Standford 学习笔记 (16)
- Core Java Ninth Edition Volume II 读书笔记 (9)
- Thinking in Java 4th Edition 读书笔记 (21)
- Node : Up and Running 学习笔记 (5)
- Eloquent Javascript (8)
- Smashing Node.js 读书笔记 (1)
- Algorithms II -- Standford 学习笔记 (19)
- Algorithm II -- Princeton 学习笔记 (14)
- 网络安全 (2)
- Javascript (4)
- 正则表达式 (1)
- JAVA 7/8 (15)
- JVM (10)
- NodeJS (1)
- 鸟哥的linux私房菜读书笔记 (14)
- Web Service (1)
- The art of programming (9)
- Introduction to Algorithm 读书笔记 (4)
- Java 源码阅读 (0)
- Spring in Action 读书笔记 (2)
- Java Network Programming 读书笔记 (2)
最新评论
-
心存高远:
谢谢作者分享,刚好看到这里不太明白,现在茅塞顿开。不过runt ...
关于 Maven的传递依赖的理解 -
sxlkk:
851228082 写道甚至在某次技术会议现场遇到《Maven ...
关于 Maven的传递依赖的理解 -
851228082:
851228082 写道a----compile----b-- ...
第五章 坐标和依赖 -
851228082:
a----compile----b-----provided- ...
第五章 坐标和依赖 -
851228082:
甚至在某次技术会议现场遇到《Maven in action》的 ...
关于 Maven的传递依赖的理解
1. HTML5 defines a standard way to embed video in a web page, using a <video> element.
2. “AVI” and “MP4” are just container formats. Just like a ZIP file can contain any sort of file within it, video container formats only define how to store things within them, not what kinds of data are stored. (It’s a little more complicated than that, because not all video streams are compatible with all container formats.)
3. A video file usually contains multiple tracks — a video track (without audio), plus one or more audio tracks (without video). Tracks are usually interrelated. An audio track contains markers within it to help synchronize the audio with the video. Individual tracks can have metadata, such as the aspect ratio of a video track, or the language of an audio track. Containers can also have metadata, such as the title of the video itself, cover art for the video, episode numbers (for television shows), and so on.
4. There are lots of video container formats. Some of the most popular include
• MPEG 4, usually with an .mp4 or .m4v extension. The MPEG 4 container is based on Apple’s older QuickTime container (.mov).
• Flash Video, usually with an .flv extension. Flash Video is, unsurprisingly, used by Adobe Flash.
• Ogg, usually with an .ogv extension. Ogg is an open standard, open source–friendly, and unencumbered by any known patents.
• WebM is a new container format. It is technically similar to another format, called Matroska.
• Audio Video Interleave, usually with an .avi extension. The AVI container format was invented by Microsoft in a simpler time, when the fact that computers could play video at all was considered pretty amazing. It does not officially support features of more recent container formats like embedded metadata. It does not even officially support most of the modern video and audio codecs in use today.
5. When you “watch a video,” your video player is doing at least three things at once:
• Interpreting the container format to find out which video and audio tracks are available, and how they are stored within the file so that it can find the data it needs to decode next
• Decoding the video stream and displaying a series of images on the screen
• Decoding the audio stream and sending the sound to your speakers
6. A video codec is an algorithm by which a video stream is encoded. (The word “codec” is a portmanteau, a combination of the words “coder” and “decoder.”) Most modern video codecs use all sorts of tricks to minimize the amount of information required to display one frame after the next. There are lossy and lossless video codecs. There are lossy and lossless video codecs. A lossy video codec means that information is being irretrievably lost during encoding. There are tons of video codecs. The three most relevant codecs are H.264, Theora, and VP8.
7. H.264 is also known as “MPEG-4 part 10,” a.k.a. “MPEG-4 AVC,” a.k.a. “MPEG-4 Advanced Video Coding.” H.264 was also developed by the MPEG group and standardized in 2003. It aims to provide a single codec for low-bandwidth, low-CPU devices (cell phones); high-bandwidth, high-CPU devices (modern desktop computers); and everything in between. The H.264 standard is split into “profiles,” which each define a set of optional features that trade complexity for file size. Higher profiles use more optional features, offer better visual quality at smaller file sizes, take longer to encode, and require more CPU power to decode in real-time. The H.264 standard is patent-encumbered and can be embedded in most popular container formats, including MP4 (used primarily by Apple’s iTunes Store) and MKV (used primarily by non-commercial video enthusiasts).
8. Theora evolved from the VP3 codec and has subsequently been developed by the Xiph.org Foundation. Theora is a royalty-free codec and is not encumbered by any known patents other than the original VP3 patents, which have been licensed royalty-free. Theora video can be embedded in any container format, although it is most often seen in an Ogg container.
9. VP8 is another video codec from On2, the same company that originally developed VP3 (later Theora). Technically, it produces output on par with H.264 High Profile, while maintaining a low decoding complexity on par with H.264 Baseline. VP8 is a royalty-free, modern codec and a sample encoder and decoder was open-sourced by Google.
10. Audio codecs are algorithms by which an audio stream is encoded. There are lossy and lossless audio codecs. Lossless audio is really too big to put on the web. There are all sorts of tricks to minimize the amount of information stored in the audio stream. Different audio codecs throw away different things, but they all have the same purpose: to trick your ears into not noticing the parts that are missing.
11. We may have several speakers, each speaker is fed a particular channel of the original recording. Most general-purpose audio codecs can handle two channels of sound. During recording, the sound is split into left and right channels; during encoding, both channels are stored in the same audio stream; during decoding, both channels are decoded and each is sent to the appropriate speaker. There are gobs and gobs of audio codecs, but on the web, there are really only three you need to know about: MP3, AAC, and Vorbis.
12. MPEG-1 Audio Layer 3 is colloquially known as “MP3.” MP3s can contain up to 2 channels of sound. They can be encoded at different bitrates: 64 kbps, 128 kbps, 192 kbps, and a variety of others from 32 to 320. Higher bitrates mean larger file sizes and better quality audio, although the ratio of audio quality to bitrate is not linear. (128 kbps sounds more than twice as good as 64 kbps, but 256 kbps doesn’t sound twice as good as 128 kbps.) The MP3 format allows for variable bitrate encoding, which means that some parts of the encoded stream are compressed more than others. For example, silence between notes can be encoded at a low bitrate, then the bitrate can spike up a moment later when multiple instruments start playing a complex chord. The MP3 standard doesn’t define exactly how to encode MP3s (although it does define exactly how to decode them).
13. Advanced Audio Coding is affectionately known as “AAC.” Standardized in 1997, it lurched into prominence when Apple chose it as their default format for the iTunes Store. The AAC format is patent-encumbered. AAC was designed to provide better sound quality than MP3 at the same bitrate, and it can encode audio at any bitrate. AAC can encode up to 48 channels of sound. The AAC format also differs from MP3 in defining multiple profiles. The “low-complexity” profile is designed to be playable in real-time on devices with limited CPU power, while higher profiles offer better sound quality at the same bitrate at the expense of slower encoding and decoding.
14. Vorbis is often called “Ogg Vorbis,” although this is technically incorrect. (“Ogg” is just a container format, and Vorbis audio streams can be embedded in other containers.) Vorbis is not encumbered by any known patents. Vorbis audio streams are usually embedded in an Ogg or WebM container, but they can also be embedded in an MP4 or MKV container. Vorbis supports an arbitrary number of sound channels.
15. One <video> element can link to multiple video files, and the browser will choose the first video file it can actually play:
a) Mozilla Firefox (3.5 and later) supports Theora video and Vorbis audio in an Ogg container. Firefox 4 also supports WebM.
b) Opera (10.5 and later) supports Theora video and Vorbis audio in an Ogg container. Opera 10.60 also supports WebM.
c) Google Chrome (3.0 and later) supports Theora video and Vorbis audio in an Ogg container. Google Chrome 6.0 also supports WebM.
d) Safari on Macs and Windows PCs (3.0 and later) will support anything that QuickTime supports. In theory, you could require your users to install third-party QuickTime plugins. This is a long list, but it does not include WebM, Theora, Vorbis, or the Ogg container. However, QuickTime does ship with support for H.264 video (main profile) and AAC audio in an MP4 container.
e) Mobile phones like Apple’s iPhone and Google Android phones support H.264 video (baseline profile) and AAC audio (“low complexity” profile) in an MP4 container.
f) Adobe Flash (9.0.60.184 and later) supports H.264 video (all profiles) and AAC audio (all profiles) in an MP4 container.
g) Internet Explorer 9 supports all profiles of H.264 video and either AAC or MP3 audio in an MP4 container. It will also play WebM video if you install a third-party codec, which is not installed by default on any version of Windows.
h) Internet Explorer 8 has no HTML5 video support at all, but virtually all Internet Explorer users will have the Adobe Flash plugin.
16. Here’s what your video workflow will look like:
a) Make one version that uses WebM (VP8 + Vorbis).
b) Make another version that uses H.264 baseline video and AAC “low complexity” audio in an MP4 container.
c) Make another version that uses Theora video and Vorbis audio in an Ogg container.
d) Link to all three video files from a single <video> element, and fall back to a Flash-based video player.
17. HTML5 gives you two ways to include video on your web page. Both of them involve the <video> element. If you only have one video file, you can simply link to it in a src attribute:
<video src="pr6.webm" width="320" height="240" controls></video>
You should always include width and height attributes in your <video>
tags. Your browser will center the video inside the box defined by the <video>
tag. It won’t ever be smooshed or stretched out of proportion. By default, the <video>
element will not expose any sort of player controls. The <video>
element has methods like play()
and pause()
and a read/write property called currentTime
. There are also read/write volume
and muted
properties. You can tell the browser to display a built-in set of controls by including the controls
attribute in your <video>
tag.
18. The preload
attribute tells the browser that you would like it to start downloading the video file as soon as the page loads. This makes sense if the entire point of the page is to view the video. On the other hand, if it’s just supplementary material that only a few visitors will watch, then you can set preload
to none
to tell the browser to minimize network traffic.
19. The autoplay
attribute does exactly what it sounds like: it tells the browser that you would like it to start downloading the video file as soon as the page loads, and you would like it to start playing the video automatically as soon as possible.
20. Each <video> element can contain more than one <source> element. Your browser will go down the list of video sources, in order, and play the first one it’s able to play. You’ll save a lot of network traffic if you tell the browser up-front about each video. You do this with the type attribute on the <source> element:
<video width="320" height="240" controls> <source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"'> <source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"'> </video>
The type attribute is a combination of three pieces of information: the container format, the video codec, and the audio codec.
21. You can nest an <object> element within a <video> element. Browsers that don’t support HTML5 video will ignore the <video> element and simply render the nested <object> instead, which will invoke the Flash plug-in and play the movie through FlowPlayer. Browsers that support HTML5 video will find a video source they can play and play it, and ignore the nested <object> element altogether.
22. The poster
attribute of the <video>
element allows you to display a custom image while the video is loading, or until the user presses “play.”
发表评论
-
《Dive into HTML5》 读后感
2012-06-20 07:57 1516读这本书的起因是参加了2012年的Qcon,对其中某个 ... -
Manipulating History for Fun & Profit
2012-06-20 07:29 10591. The HTML5 history AP ... -
“Distributed,”“Extensibility,”& Other Fancy Words
2012-06-15 15:54 8971. Microdata annotates t ... -
A Form of Madness
2012-06-11 10:41 9721. Placeholder text is d ... -
Let’s Take This Offline
2012-06-09 23:32 9411. An offline web app ... -
A Place To Put Your Stuff
2012-06-09 17:55 9381. Cookies have three po ... -
You Are Here (And So Is Everybody Else)
2012-06-09 16:06 11191. Geolocation is the ar ... -
Let’s Call It A Draw(ing Surface)
2012-06-06 17:19 11931. HTML 5 defines the &l ... -
What Does It All Mean?
2012-06-03 19:23 10871. In Activating Browse ... -
Detecting HTML5 Features
2012-05-24 19:05 10791. There are four basic ... -
A Quite Biased History of HTML5
2012-05-23 20:02 10881. “content type” or “MIM ... -
Introduction: Five Things You Should Know About HTML5
2012-05-22 15:23 10141. HTML5 is a collectio ...
相关推荐
《videojs-flash 2.2.0:视频播放器中的Flash支持详解》 在现代Web开发中,视频播放是不可或缺的一部分。Video.js是一款强大的、开源的HTML5视频播放器,它提供了一致的用户界面和丰富的自定义选项,使得开发者能够...
本项目“前端项目-videojs-flash.zip”专注于Video.js与Flash技术的集成,适用于那些仍然需要Flash支持的场景。 Video.js本身是一个强大的HTML5视频播放器,它的核心是基于JavaScript和CSS3构建的,能够很好地适应...
Video In to AXI4-Stream v4.0 汉化手册知识点总结 本篇文章将对 Video In to AXI4-Stream v4.0 汉化手册进行详细的知识点总结,涵盖了 LogiCORE IP 产品指南的主要内容,包括概观、功能摘要、应用、许可和订购信息...
《video-js视频播放器:Flash播放支持深度解析》 在当今多媒体丰富的互联网世界,视频播放器扮演着至关重要的角色。video-js是一款广受欢迎的开源HTML5视频播放器,以其强大的功能和灵活的自定义能力而备受青睐。...
《Flash转视频技术详解:iWisoft Flash SWF to Video Converter V3.5深度解析》 在数字媒体领域,Flash曾经是网页动画和交互式内容的主流格式,但随着技术的发展,HTML5逐渐取代了其地位。然而,仍有许多珍贵的...
Adobe Flash Video File Format Specification v10.1 is a comprehensive document that provides detailed information about the file formats used for Flash videos. This specification covers two primary ...
Adobe Flash Video(FLV)文件格式规范版本10.1是Adobe Systems Inc.发布的一份详细描述Adobe Flash Video文件结构及其特性的技术文档。该文档不仅对开发人员、多媒体工程师以及对Flash视频编码感兴趣的个人具有重要...
Flash-Video-Downloader
From FLASHANTS: SWF2Video converts Macromedia Flash to video including all movie clips, action scripts, and human interactions in Flash movies. It is used to create high-quality flash-based VCD/DVD, ...
标题中的“flash点swf转video”指的是将Flash SWF格式的文件转换成视频格式的过程。SWF(ShockWave Flash)是Adobe Flash创作的动画或应用程序的文件格式,主要用于网络上的多媒体内容。随着HTML5的普及,Flash逐渐...
This paper addresses the problem of video object segmentation, where the initial object mask is given in the first frame of an input video. We propose a novel spatiotemporal Markov Random Field (MRF) ...
打开 Chrome,更多工具-扩展程序,将 Flash Video Downloader 的crx 文件拖进去即可安装。之后打开视频播放页面,如果右上角的出现亮色的下载图标,说明已成功嗅探,点击它发现已经嗅探到各分辨率的视频文件,比如...
《Video to Flash Converter:将视频转化为网络播放的Flash文件》 在互联网的早期阶段,Flash技术因其优秀的跨平台性和互动性,在在线视频播放领域占据着重要地位。Video to Flash Converter是一款专业的工具,专为...
标题中的“将Flash转换成video的程序”指的是一个软件或工具,它的主要功能是将Adobe Flash格式的文件(通常以.swf为扩展名)转换成常见的视频格式,如MP4、AVI、WMV等。Flash是一种曾经广泛用于网页动画和交互式...
Sothink Web Video Downloader, a convenient video downloader, can detect any live video from internet, capture video, download video and save video to your hard disk for offline enjoyment. It enables ...
此外,video.js 7.1.0版本还包含了videojs-flash.min.js,这是一个与Flash相关的辅助脚本。由于在某些老旧的浏览器或者特定的环境下,HTML5的video标签可能无法提供完整功能,videojs-flash.min.js可以作为备用方案...
In this paper, we propose to segment objects and understand their visual semantics from a collection of videos that link to each other, which we refer to as semantic co-segmentation. Without any ...
在“vue&video&flash监控demo”这个压缩包中,可能包含以下文件和目录: 1. `src`:源代码目录,可能包含Vue组件和应用逻辑。 2. `public`:静态资源目录,可能有CSS样式文件、JavaScript脚本、图标等。 3. `index....