精华内容
下载资源
问答
  • 视频格式封装

    2013-09-23 17:29:58
    比较常用以下封装格式 1 AVI AVI容器-成熟老技术  AVI是微软1992年推出用于对抗苹果Quicktime技术,尽管国际学术界公认AVI已经属于被淘汰技术,但是由于windows通用性,和简单易懂开发API,还在被...
    比较常用的有以下封装格式
    1 AVI
    AVI容器-成熟的老技术
            AVI是微软1992年推出用于对抗苹果Quicktime的技术,尽管国际学术界公认AVI已经属于被淘汰的技术,但是由于windows的通用性,和简单易懂的开发API,还在被广泛使用。
           AVI的文件结构、分为头部, 主体和索引三部分. 主体中图像数据和声音数据是交互存放的。从尾部的索引可以索引跳到自己想放的位置。
            AVI本身只是提供了这么一个框架,内部的图像数据和声音顺据格式可以是任意的编码形式。因为索引放在了文件尾部,所以在播internet流媒体时已属力不从心。很简单的例子,从网络上下载的片子,如果没有下载完成,是很难正常播放出来。另外一个问题是AVI对高码率VBR音频文件支持不好。
           VBR全称是Variable BitRate,就是动态比特率,可以根据当前的需要定义不同的比特率,避免了浪费,并且提高了利用率。随之问题也就来了,因为容器里的图像和声音是分开的,所以播放时需要一个图像和声音的同步过程,如果CBR音轨的话因为码率是定值,同步不成为问题,可是VBR音轨是不断的在变换,而AVI没有时间戳去让VBR音轨和图像同步,这样就会产生图像声音不同步的问题。后来VirtualDub提出了一种新的方法扩充了AVI对VBR音频的兼容,但是在高码率时会产生丢失数据的问题,从而导致有损音效,这一点问题到现在都没有比较完美的解决方法。并且更加令人遗憾的是,对TrueHD, DTS-HD等音效更是完全不能支持。
    2 ts和ps封装
    因为HDDVD以及BD之争,尽管两家在编码上都统一采用MPEG2/VC-1/H.264,可在封装格式上又有所分岐。DVD论坛官方所认可的HDDVD使用的是PS封装,即Program Stream(程序流),这和之前DVD所采用的MPEG2 Program Stream封装是一样的,PS流的后缀名是VOB以及EVO等。而BD在没有DVD论坛官方认证的情况下,自然不是PS封装,而是使用了MPEG2的另一封装TS封装,即Transport Stream(传输流),TS流的后缀名为TS。它们都是MPEG2系统部分的两个不同的语法结构,而在现在仅仅在作为封装使用。TS流对于PS流来说更易传输,不过由于其性质,也更易出错,所以在以前一般存储方面都是使用PS流,当然现在随着容错/纠错技术的提高,TS的适用范围越来越广。
    现在网上大多流传以TS封装的HDTV remux版,PS封装只能在HDDVD原版才看到,所以我们来着重分析一下TS封装格式。
    电视节目是你任何时候打开电视机都能解码(收看)的,所以,MPEG2-TS格式的特点就是要求从视频流的任一片段开始都是可以独立解码的。从结构上来说,TS是由头文件和主体所组成的,扩充过的TS流还包括时间戳。这样不管是什么格式的VBR音轨,都很容易通过时间戳来同步图像。当然,对新的声音格式来说,需要新的分离器,解码器来实现解码。目前在不断改进开发中。
    TS不像AVI,从诞生那天起,就考虑到了网络播放,所以很快成为了世界标准并广泛应用于电视台数字播放,手机等各个领域。
    REMUX版本
           Remux的意思是无损的提取出HD-DVD 和 BluRay-DVD里面的视频数据和音频数据,封装到我们熟悉的TS或者AVI文件中
    3 MOV封装
          不少HDRIP使用的封装格式一般是AVI,MKV和MOV。MOV是Quicktime封装,这一封装和AVI几乎是同一时代的,缺陷也不少,现在很少有人使用。
    HDRIP:重新编码,即有损压缩过之后的视频。
    4 MKV封装
            MKV是Matroska的简称,它是一种新的多媒体封装格式,比较常见的搭配是X264+MKV。MKV封装十分新颖,而且也非常开放,它对比AVI的优势体现在以下几点:
    1:可变帧率:这需要编码的配合,试想一下在回放变化比较慢(比如说静物)时以比较低的FPS来代替,可以节省不少资源。
    2:错误检测以及修复:这无疑提供了纠错和容错性,在网络传输的今天尤为需要。
    3:软字幕:经常看DVDrip以及HDrip的朋友了解到,字幕一般都是以其它文件形式存在,在MKV里它可以内嵌在封装里,但不会和视频混淆,也可以多字幕随意选择。这样在传输保存时比较方便。
    4:流式传输:这和TS流的原因基本一致,通过时间戳来管理视频以及音频的同步问题,做到即下即看。
    5:菜单:交互式的操作使得MKV更加人性化。
    6:强大的兼容性:MKV最大的特点就是能容纳多种不同类型编码的视频、音频及字幕流,即使是非常封闭的RealMedia及QuickTime也被它包括进去了,堪称万能的媒体容器。
    7:开放性和跨平台性:Matroska使用的是一种开放的架构,拥有众多的先进特性,并且能跨平台使用。
    不过Matroska相对于以上我们介绍的缺点也是显而易见的,它没有深厚的背景可以依托,这决定了它不可能在商业领域里有所作为。不过从DVDrip里我们看到并非标准才是唯一,真正先进的技术在标准化商业化的道路上碰到很多非技术壁垒,而在网上而言,根本不存在这样那样的顾虑,所以MKV可以网上快速流行起来。
           不过MKV的缺点也是显而易见的,分离器方面比较好的仅有HAALI分离器,再加上民间标准的缘故,我们很难在PC以外的地方见到它的存在。

    为什么有这么多的格式以及规范呢?

    其实不然,试想一下,有的菜,例如排骨,比较大,碗放不下,得换锅。有的饭比较烫,也不能放在塑料的容器里,当然个人喜好也有一定关系。所以容器的选择,基本在于,其对视频/音频兼容性,以及适合范围。这下大家应该明白了,很多人一直把封装格式当成前面介绍的视频编码,而这两者之间没有必然的直接联系。
    +++编码方式:目前有mpeg1:早期vcd使用,分辨率是352*288,压缩比低
                    mpeg2:一般DVD使用,有NTSC(720*480)和PAL (720*576)  
                           压缩比高于mpeg1
                    mpeg4 :目前使用最多的技术,avi文件始祖,大大提高压缩
                              比,而质量堪比DVD
                    divx:基于mpeg4开发的,有一定算法优化
                    xvid:divx技术封锁之后被人破解开发的,也是基于mpeg4的
                          编码技术更先进,采用开放源码,画质更好
                    h.261:早期的低码率编码,应用于352x288和176x144,现在
                           已不用
                    h.263:在低码率下能够提供比H.261更好的图像效果,改进一
                           些算法
                    h.263+:h.263的改进型
                    h.264 :H.264集中了以往标准的优点,高效压缩,与H.263+
                         和MPEG4 SP相比,减小50%比特率,高质量应用等
                   rm/rmvb:real 公司推出的应用于网络的高压缩编码,rm是固定
                       码率,rmvb是动态码率(就是静态画面采用低码率,动态
                         采用高码率)
             h.263  和mpeg是不同的国际标准
    封装格式(也叫容器):所谓封装格式就是将已经编码压缩好的视频轨和音频轨按照一定的格式放到一个文件中,也就是说仅仅是一个外壳,或者大家把它当成一个放视频轨和音频轨的文件夹也可以。说得通俗点,视频轨相当于饭,而音频轨相当于菜,封装格式就是一个碗,或者一个锅,用来盛放饭菜的容器。

                   AVI:微软在90年代初创立的封装标准,是当时为对抗
                        quicktime格式(mov)而推出的,只能支持固定CBR恒定
                        比特率编码的声音文件。
                   ts和ps:PS封装只能在HDDVD原版,
                    mov:    MOV是Quicktime封装
                    WMV:微软推出的,作为市场竞争

                    mkv:万能封装器,有良好的兼容和跨平台性、纠错性,可带
                         外挂字幕。
                   flv:h针对于h.263家族的格式
                   rmvb/rm:Real Video,由RealNetworks开发的应用于rmvb和rm
                   MP4:主要应用于mpeg4的封装
    h.264的压缩比是最高的,主要应用于低码率下的实时在线播放,rmvb压缩比相对低一些,但质量要好很多
    +++++一个完整的多媒体文件是由音频和视频2部分组成的。H264、Xvid等就是视频编码格式,MP3、AAC等就是音频编码格式。字幕文件只是其中附带部分。
       把视频编码和音频编码打包成一个完整的多媒体文件,可以有不同的方式,这种方式便是所谓的封装方式,不同的封装方式有不同的后缀。由于有些封装方式具有很强的灵活性,它可以把各种不同的音视频文件打包成一个文件,因此会出现这么一种情况,虽然文件的后缀是相同的,但有些可以正常播放,而有些不能播放,毕竟任何一种播放软件都不是万能的。部分先进的封装方式还可以同时封装多个音频编码文件,甚至同时封装进字幕文件,如MKV封装方式。MKV文件可以做到一个文件包括多种语种发音,多语字幕以适合不同的人观看。 ----------------------------------------------------------------------------------------------
    目前有最常见的编码方式:

        mpeg1:vcd使用的就是这种编码格式,分辨率是352*288,压缩比低
        mpeg2:一般DVD使用,有NTSC(720*480)和PAL (720*576),和mpeg1一样属于即将被淘汰的编码格式。
        mpeg4 :目前使用最多的技术,avi文件始祖,大大提高压缩比,而质量堪比DVD
        divx:基于mpeg4开发的,有一定算法优化
        xvid:divx技术封锁之后被人破解开发的,也是基于mpeg4的编码技术更先进,采用开放源码,画质更好
        h.261:早期的低码率编码,应用于352x288和176x144,现在已不用
        h.263:在低码率下能够提供比H.261更好的图像效果,改进一些算法
        h.263+:h.263的改进型
        h.264 :H.264集中了以往标准的优点,高效压缩,
        RV.10 RV.13 RV.20 RV.30 RV40: real 公司推出的应用于网络的高压缩编码,是不同时期rm和rmvb的编码
    -----------------------------------------------------------------------------------------
       封装格式(也叫容器):所谓封装格式就是将已经编码压缩好的视频轨和音频轨按照一定的格式放到一个文件中,也就是说仅仅是一个外壳,或者大家把它当成一个放视频轨和音频轨的文件夹也可以。说得通俗点,视频轨相当于饭,而音频轨相当于菜,封装格式就是一个碗,或者一个锅,用来盛放饭菜的容器。

      AVI:微软在90年代初创立的封装标准,是当时为对抗quicktime格式(mov)而推出的,只能支持固定CBR恒定
          定比特率编码的声音文件。
      ts和ps:PS封装只能在HDDVD原版,
      mov: MOV是Quicktime封装
      WMV:微软推出的,作为市场竞争
      mkv:万能封装器,有良好的兼容和跨平台性、纠错性,可带外挂字幕。
      flv: 这种封装方式可以很好的保护原始地址,不容易被下载到,目前一些视频分享网站都采用这种封装方式
      rmvb/rm:Real Video,由RealNetworks开发的应用于rmvb和rm的不同封装方式。rm是固定码率,rmvb是动态
               码率(就是静态画面采用用低码率,动态采用高码率)
      MP4:主要应用于mpeg4的封装,主要在手机上使用。
      3GP:目前主要应用于H.263的封装,主要在3G手机上使用
    ----------------------------------------------------------------------------------------------
      理论上可以把任意一个视频文件和一个音频文件打包成一个完整的多媒体文件,但不同的封装方式有其不同的计算方式,它所要求的是在高压缩率的同时又要兼顾高的清晰度效果。所以无论哪种封装方式都不会把任意的一个视频文件和一个音频文件打包在一起。例如MKV封装容器,基本无论什么样的组合都可以!但一般MKV用的最多的就是H264+AAC组合,此组合文件体积最小,清晰度最高。因此网上很多MKV视频都是高清晰度的。

    下面是一些常见的组合方式:
    封装容器 视频流编码格式 音频流编码格式
    AVI Xvid MP3
    AVI Divx MP3
    Matroska(后缀就是MKV) Xvid MP3
    Matroska(后缀就是MKV) Xvid AAC
    Matroska(后缀就是MKV) H264 AAC
    MP4 Xvid MP3
    MP4 H264 AAC
    3GP H.263 AAC
    --------------------------------------------------------------------------------------------
    各种编码对应的最佳码率
     编码规范和封装格式多种多样,是因为它们对应的最佳码率不同。640x272低分辨率的主要是Real Video,最佳码率在350-600Kbps,封装文件格式为RM或者RMVB,我们经常在网上下载的300M左右的电影基本都是RealVideo规范的RMVB文件;分辨率提升为1024x438时,一般就开始使用Xvid编码了,码率也在800-1300Kbps不等,封装文件经常是AVI,文件体积在700MB左右;而720P影片,我们经常下载的X264/AVC编码MKV封装文件,码率5-6MB,音频部分可以达到5.1音效,影音效果很不错,但文件体积都在4.3GB上下,一张DVD碟的容量,网上下载往往需要数天;1080P影片经常采用的有H.264编码和VC1编码,码率30Mbps上下,体积达到22-40GB,虽然效果震撼,但是不方便网络共享。对于容量8GB左右的MP4,综合视频来源以及体积,最适合的是Xvid编码、码率在1300Kbps左右、文件体积700MB-1.4GB的AVI,以及同样码率和体积的RV40编码RMVB,还有码率350-600Kbps的RMVB。
    展开全文
  • 视频封装格式简介

    2016-08-01 14:46:53
    比较常用以下封装格式1 AVIAVI容器-成熟老技术 AVI是微软1992年推出用于对抗苹果Quicktime技术,尽管国际学术界公认AVI已经属于被淘汰技术,但是由于windows通用性,和简单易懂开发API,还在被广泛...

    比较常用的有以下封装格式

    1 AVI

    AVI容器-成熟的老技术

        AVI是微软1992年推出用于对抗苹果Quicktime的技术,尽管国际学术界公认AVI已经属于被淘汰的技术,但是由于windows的通用性,和简单易懂的开发API,还在被广泛使用。
    
       AVI的文件结构、分为头部, 主体和索引三部分. 主体中图像数据和声音数据是交互存放的。从尾部的索引可以索引跳到自己想放的位置。
    
        AVI本身只是提供了这么一个框架,内部的图像数据和声音顺据格式可以是任意的编码形式。因为索引放在了文件尾部,所以在播internet流媒体时已属力不从心。很简单的例子,从网络上下载的片子,如果没有下载完成,是很难正常播放出来。另外一个问题是AVI对高码率VBR音频文件支持不好。
    
       VBR全称是Variable BitRate,就是动态比特率,可以根据当前的需要定义不同的比特率,避免了浪费,并且提高了利用率。随之问题也就来了,因为容器里的图像和声音是分开的,所以播放时需要一个图像和声音的同步过程,如果CBR音轨的话因为码率是定值,同步不成为问题,可是VBR音轨是不断的在变换,而AVI没有时间戳去让VBR音轨和图像同步,这样就会产生图像声音不同步的问题。后来VirtualDub提出了一种新的方法扩充了AVI对VBR音频的兼容,但是在高码率时会产生丢失数据的问题,从而导致有损音效,这一点问题到现在都没有比较完美的解决方法。并且更加令人遗憾的是,对TrueHD, DTS-HD等音效更是完全不能支持。
    

    2 ts和ps封装

    因为HDDVD以及BD之争,尽管两家在编码上都统一采用MPEG2/VC-1/H.264,可在封装格式上又有所分岐。DVD论坛官方所认可的HDDVD使用的是PS封装,即Program Stream(程序流),这和之前DVD所采用的MPEG2 Program Stream封装是一样的,PS流的后缀名是VOB以及EVO等。而BD在没有DVD论坛官方认证的情况下,自然不是PS封装,而是使用了MPEG2的另一封装TS封装,即Transport Stream(传输流),TS流的后缀名为TS。它们都是MPEG2系统部分的两个不同的语法结构,而在现在仅仅在作为封装使用。TS流对于PS流来说更易传输,不过由于其性质,也更易出错,所以在以前一般存储方面都是使用PS流,当然现在随着容错/纠错技术的提高,TS的适用范围越来越广。
    现在网上大多流传以TS封装的HDTV remux版,PS封装只能在HDDVD原版才看到,所以我们来着重分析一下TS封装格式。
    电视节目是你任何时候打开电视机都能解码(收看)的,所以,MPEG2-TS格式的特点就是要求从视频流的任一片段开始都是可以独立解码的。从结构上来说,TS是由头文件和主体所组成的,扩充过的TS流还包括时间戳。这样不管是什么格式的VBR音轨,都很容易通过时间戳来同步图像。当然,对新的声音格式来说,需要新的分离器,解码器来实现解码。目前在不断改进开发中。
    TS不像AVI,从诞生那天起,就考虑到了网络播放,所以很快成为了世界标准并广泛应用于电视台数字播放,手机等各个领域。

    REMUX版本

       Remux的意思是无损的提取出HD-DVD 和 BluRay-DVD里面的视频数据和音频数据,封装到我们熟悉的TS或者AVI文件中
    

    3 MOV封装

      不少HDRIP使用的封装格式一般是AVI,MKV和MOV。MOV是Quicktime封装,这一封装和AVI几乎是同一时代的,缺陷也不少,现在很少有人使用。
    

    HDRIP:重新编码,即有损压缩过之后的视频。

    4 MKV封装

        MKV是Matroska的简称,它是一种新的多媒体封装格式,比较常见的搭配是X264+MKV。MKV封装十分新颖,而且也非常开放,它对比AVI的优势体现在以下几点:
    

    1:可变帧率:这需要编码的配合,试想一下在回放变化比较慢(比如说静物)时以比较低的FPS来代替,可以节省不少资源。
    2:错误检测以及修复:这无疑提供了纠错和容错性,在网络传输的今天尤为需要。
    3:软字幕:经常看DVDrip以及HDrip的朋友了解到,字幕一般都是以其它文件形式存在,在MKV里它可以内嵌在封装里,但不会和视频混淆,也可以多字幕随意选择。这样在传输保存时比较方便。
    4:流式传输:这和TS流的原因基本一致,通过时间戳来管理视频以及音频的同步问题,做到即下即看。
    5:菜单:交互式的操作使得MKV更加人性化。
    6:强大的兼容性:MKV最大的特点就是能容纳多种不同类型编码的视频、音频及字幕流,即使是非常封闭的RealMedia及QuickTime也被它包括进去了,堪称万能的媒体容器。
    7:开放性和跨平台性:Matroska使用的是一种开放的架构,拥有众多的先进特性,并且能跨平台使用。
    不过Matroska相对于以上我们介绍的缺点也是显而易见的,它没有深厚的背景可以依托,这决定了它不可能在商业领域里有所作为。不过从DVDrip里我们看到并非标准才是唯一,真正先进的技术在标准化商业化的道路上碰到很多非技术壁垒,而在网上而言,根本不存在这样那样的顾虑,所以MKV可以网上快速流行起来。

       不过MKV的缺点也是显而易见的,分离器方面比较好的仅有HAALI分离器,再加上民间标准的缘故,我们很难在PC以外的地方见到它的存在。
    

    为什么有这么多的格式以及规范呢?

    其实不然,试想一下,有的菜,例如排骨,比较大,碗放不下,得换锅。有的饭比较烫,也不能放在塑料的容器里,当然个人喜好也有一定关系。所以容器的选择,基本在于,其对视频/音频兼容性,以及适合范围。这下大家应该明白了,很多人一直把封装格式当成前面介绍的视频编码,而这两者之间没有必然的直接联系。
    +++编码方式:目前有mpeg1:早期vcd使用,分辨率是352*288,压缩比低
    mpeg2:一般DVD使用,有NTSC(720*480)和PAL (720*576)
    压缩比高于mpeg1
    mpeg4 :目前使用最多的技术,avi文件始祖,大大提高压缩
    比,而质量堪比DVD
    divx:基于mpeg4开发的,有一定算法优化
    xvid:divx技术封锁之后被人破解开发的,也是基于mpeg4的
    编码技术更先进,采用开放源码,画质更好
    h.261:早期的低码率编码,应用于352x288和176x144,现在
    已不用
    h.263:在低码率下能够提供比H.261更好的图像效果,改进一
    些算法
    h.263+:h.263的改进型
    h.264 :H.264集中了以往标准的优点,高效压缩,与H.263+
    和MPEG4 SP相比,减小50%比特率,高质量应用等
    rm/rmvb:real 公司推出的应用于网络的高压缩编码,rm是固定
    码率,rmvb是动态码率(就是静态画面采用低码率,动态
    采用高码率)
    h.263 和mpeg是不同的国际标准
    封装格式(也叫容器):所谓封装格式就是将已经编码压缩好的视频轨和音频轨按照一定的格式放到一个文件中,也就是说仅仅是一个外壳,或者大家把它当成一个放视频轨和音频轨的文件夹也可以。说得通俗点,视频轨相当于饭,而音频轨相当于菜,封装格式就是一个碗,或者一个锅,用来盛放饭菜的容器。

               AVI:微软在90年代初创立的封装标准,是当时为对抗
                    quicktime格式(mov)而推出的,只能支持固定CBR恒定
                    比特率编码的声音文件。
               ts和ps:PS封装只能在HDDVD原版,
                mov:    MOV是Quicktime封装
                WMV:微软推出的,作为市场竞争
    
                mkv:万能封装器,有良好的兼容和跨平台性、纠错性,可带
                     外挂字幕。
               flv:h针对于h.263家族的格式
               rmvb/rm:Real Video,由RealNetworks开发的应用于rmvb和rm
               MP4:主要应用于mpeg4的封装
    

    h.264的压缩比是最高的,主要应用于低码率下的实时在线播放,rmvb压缩比相对低一些,但质量要好很多
    +++++一个完整的多媒体文件是由音频和视频2部分组成的。H264、Xvid等就是视频编码格式,MP3、AAC等就是音频编码格式。字幕文件只是其中附带部分。
    把视频编码和音频编码打包成一个完整的多媒体文件,可以有不同的方式,这种方式便是所谓的封装方式,不同的封装方式有不同的后缀。由于有些封装方式具有很强的灵活性,它可以把各种不同的音视频文件打包成一个文件,因此会出现这么一种情况,虽然文件的后缀是相同的,但有些可以正常播放,而有些不能播放,毕竟任何一种播放软件都不是万能的。部分先进的封装方式还可以同时封装多个音频编码文件,甚至同时封装进字幕文件,如MKV封装方式。MKV文件可以做到一个文件包括多种语种发音,多语字幕以适合不同的人观看。


    目前有最常见的编码方式:

    mpeg1:vcd使用的就是这种编码格式,分辨率是352*288,压缩比低
    
    mpeg2:一般DVD使用,有NTSC(720*480)和PAL (720*576),和mpeg1一样属于即将被淘汰的编码格式。
    
    mpeg4 :目前使用最多的技术,avi文件始祖,大大提高压缩比,而质量堪比DVD
    
    divx:基于mpeg4开发的,有一定算法优化
    
    xvid:divx技术封锁之后被人破解开发的,也是基于mpeg4的编码技术更先进,采用开放源码,画质更好
    
    h.261:早期的低码率编码,应用于352x288和176x144,现在已不用
    
    h.263:在低码率下能够提供比H.261更好的图像效果,改进一些算法
    
    h.263+:h.263的改进型
    
    h.264 :H.264集中了以往标准的优点,高效压缩,
    
    RV.10 RV.13 RV.20 RV.30 RV40: real 公司推出的应用于网络的高压缩编码,是不同时期rm和rmvb的编码
    

    封装格式(也叫容器):所谓封装格式就是将已经编码压缩好的视频轨和音频轨按照一定的格式放到一个文件中,也就是说仅仅是一个外壳,或者大家把它当成一个放视频轨和音频轨的文件夹也可以。说得通俗点,视频轨相当于饭,而音频轨相当于菜,封装格式就是一个碗,或者一个锅,用来盛放饭菜的容器。

    AVI:微软在90年代初创立的封装标准,是当时为对抗quicktime格式(mov)而推出的,只能支持固定CBR恒定

      定比特率编码的声音文件。
    

    ts和ps:PS封装只能在HDDVD原版,

    mov: MOV是Quicktime封装

    WMV:微软推出的,作为市场竞争

    mkv:万能封装器,有良好的兼容和跨平台性、纠错性,可带外挂字幕。

    flv: 这种封装方式可以很好的保护原始地址,不容易被下载到,目前一些视频分享网站都采用这种封装方式

    rmvb/rm:Real Video,由RealNetworks开发的应用于rmvb和rm的不同封装方式。rm是固定码率,rmvb是动态

           码率(就是静态画面采用用低码率,动态采用高码率)
    

    MP4:主要应用于mpeg4的封装,主要在手机上使用。

    3GP:目前主要应用于H.263的封装,主要在3G手机上使用


    理论上可以把任意一个视频文件和一个音频文件打包成一个完整的多媒体文件,但不同的封装方式有其不同的计算方式,它所要求的是在高压缩率的同时又要兼顾高的清晰度效果。所以无论哪种封装方式都不会把任意的一个视频文件和一个音频文件打包在一起。例如MKV封装容器,基本无论什么样的组合都可以!但一般MKV用的最多的就是H264+AAC组合,此组合文件体积最小,清晰度最高。因此网上很多MKV视频都是高清晰度的。

    下面是一些常见的组合方式:
    封装容器 视频流编码格式 音频流编码格式
    AVI Xvid MP3
    AVI Divx MP3
    Matroska(后缀就是MKV) Xvid MP3
    Matroska(后缀就是MKV) Xvid AAC
    Matroska(后缀就是MKV) H264 AAC
    MP4 Xvid MP3
    MP4 H264 AAC
    3GP H.263 AAC


    各种编码对应的最佳码率

     编码规范和封装格式多种多样,是因为它们对应的最佳码率不同。640x272低分辨率的主要是Real Video,最佳码率在350-600Kbps,封装文件格式为RM或者RMVB,我们经常在网上下载的300M左右的电影基本都是RealVideo规范的RMVB文件;分辨率提升为1024x438时,一般就开始使用Xvid编码了,码率也在800-1300Kbps不等,封装文件经常是AVI,文件体积在700MB左右;而720P影片,我们经常下载的X264/AVC编码MKV封装文件,码率5-6MB,音频部分可以达到5.1音效,影音效果很不错,但文件体积都在4.3GB上下,一张DVD碟的容量,网上下载往往需要数天;1080P影片经常采用的有H.264编码和VC1编码,码率30Mbps上下,体积达到22-40GB,虽然效果震撼,但是不方便网络共享。对于容量8GB左右的MP4,综合视频来源以及体积,最适合的是Xvid编码、码率在1300Kbps左右、文件体积700MB-1.4GB的AVI,以及同样码率和体积的RV40编码RMVB,还有码率350-600Kbps的RMVB。

    展开全文
  • 视频封装格式详解

    2016-07-19 10:47:55
    比较常用以下封装格式 1 AVI AVI容器-成熟老技术  AVI是微软1992年推出用于对抗苹果Quicktime技术,尽管国际学术界公认AVI已经属于被淘汰技术,但是由于windows通用性,和简单易懂开发API,...

    比较常用的有以下封装格式

    1 AVI

    AVI容器-成熟的老技术

            AVI是微软1992年推出用于对抗苹果Quicktime的技术,尽管国际学术界公认AVI已经属于被淘汰的技术,但是由于windows的通用性,和简单易懂的开发API,还在被广泛使用。

           AVI的文件结构、分为头部, 主体和索引三部分. 主体中图像数据和声音数据是交互存放的。从尾部的索引可以索引跳到自己想放的位置。

            AVI本身只是提供了这么一个框架,内部的图像数据和声音顺据格式可以是任意的编码形式。因为索引放在了文件尾部,所以在播internet流媒体时已属力不从心。很简单的例子,从网络上下载的片子,如果没有下载完成,是很难正常播放出来。另外一个问题是AVI对高码率VBR音频文件支持不好。

           VBR全称是Variable BitRate,就是动态比特率,可以根据当前的需要定义不同的比特率,避免了浪费,并且提高了利用率。随之问题也就来了,因为容器里的图像和声音是分开的,所以播放时需要一个图像和声音的同步过程,如果CBR音轨的话因为码率是定值,同步不成为问题,可是VBR音轨是不断的在变换,而AVI没有时间戳去让VBR音轨和图像同步,这样就会产生图像声音不同步的问题。后来VirtualDub提出了一种新的方法扩充了AVI对VBR音频的兼容,但是在高码率时会产生丢失数据的问题,从而导致有损音效,这一点问题到现在都没有比较完美的解决方法。并且更加令人遗憾的是,对TrueHD, DTS-HD等音效更是完全不能支持。

    2 ts和ps封装

    因为HDDVD以及BD之争,尽管两家在编码上都统一采用MPEG2/VC-1/H.264,可在封装格式上又有所分岐。DVD论坛官方所认可的HDDVD使用的是PS封装,即Program Stream(程序流),这和之前DVD所采用的MPEG2 Program Stream封装是一样的,PS流的后缀名是VOB以及EVO等。而BD在没有DVD论坛官方认证的情况下,自然不是PS封装,而是使用了MPEG2的另一封装TS封装,即Transport Stream(传输流),TS流的后缀名为TS。它们都是MPEG2系统部分的两个不同的语法结构,而在现在仅仅在作为封装使用。TS流对于PS流来说更易传输,不过由于其性质,也更易出错,所以在以前一般存储方面都是使用PS流,当然现在随着容错/纠错技术的提高,TS的适用范围越来越广。
    现在网上大多流传以TS封装的HDTV remux版,PS封装只能在HDDVD原版才看到,所以我们来着重分析一下TS封装格式。
    电视节目是你任何时候打开电视机都能解码(收看)的,所以,MPEG2-TS格式的特点就是要求从视频流的任一片段开始都是可以独立解码的。从结构上来说,TS是由头文件和主体所组成的,扩充过的TS流还包括时间戳。这样不管是什么格式的VBR音轨,都很容易通过时间戳来同步图像。当然,对新的声音格式来说,需要新的分离器,解码器来实现解码。目前在不断改进开发中。 
    TS不像AVI,从诞生那天起,就考虑到了网络播放,所以很快成为了世界标准并广泛应用于电视台数字播放,手机等各个领域。

    REMUX版本

           Remux的意思是无损的提取出HD-DVD 和 BluRay-DVD里面的视频数据和音频数据,封装到我们熟悉的TS或者AVI文件中

    3 MOV封装

          不少HDRIP使用的封装格式一般是AVI,MKV和MOV。MOV是Quicktime封装,这一封装和AVI几乎是同一时代的,缺陷也不少,现在很少有人使用。

    HDRIP:重新编码,即有损压缩过之后的视频。

    4 MKV封装

            MKV是Matroska的简称,它是一种新的多媒体封装格式,比较常见的搭配是X264+MKV。MKV封装十分新颖,而且也非常开放,它对比AVI的优势体现在以下几点:

    1:可变帧率:这需要编码的配合,试想一下在回放变化比较慢(比如说静物)时以比较低的FPS来代替,可以节省不少资源。
    2:错误检测以及修复:这无疑提供了纠错和容错性,在网络传输的今天尤为需要。
    3:软字幕:经常看DVDrip以及HDrip的朋友了解到,字幕一般都是以其它文件形式存在,在MKV里它可以内嵌在封装里,但不会和视频混淆,也可以多字幕随意选择。这样在传输保存时比较方便。
    4:流式传输:这和TS流的原因基本一致,通过时间戳来管理视频以及音频的同步问题,做到即下即看。
    5:菜单:交互式的操作使得MKV更加人性化。
    6:强大的兼容性:MKV最大的特点就是能容纳多种不同类型编码的视频、音频及字幕流,即使是非常封闭的RealMedia及QuickTime也被它包括进去了,堪称万能的媒体容器。
    7:开放性和跨平台性:Matroska使用的是一种开放的架构,拥有众多的先进特性,并且能跨平台使用。
    不过Matroska相对于以上我们介绍的缺点也是显而易见的,它没有深厚的背景可以依托,这决定了它不可能在商业领域里有所作为。不过从DVDrip里我们看到并非标准才是唯一,真正先进的技术在标准化商业化的道路上碰到很多非技术壁垒,而在网上而言,根本不存在这样那样的顾虑,所以MKV可以网上快速流行起来。

           不过MKV的缺点也是显而易见的,分离器方面比较好的仅有HAALI分离器,再加上民间标准的缘故,我们很难在PC以外的地方见到它的存在。

     

    为什么有这么多的格式以及规范呢?


    其实不然,试想一下,有的菜,例如排骨,比较大,碗放不下,得换锅。有的饭比较烫,也不能放在塑料的容器里,当然个人喜好也有一定关系。所以容器的选择,基本在于,其对视频/音频兼容性,以及适合范围。这下大家应该明白了,很多人一直把封装格式当成前面介绍的视频编码,而这两者之间没有必然的直接联系。
    +++编码方式:目前有mpeg1:早期vcd使用,分辨率是352*288,压缩比低
                    mpeg2:一般DVD使用,有NTSC(720*480)和PAL (720*576)  
                           压缩比高于mpeg1
                    mpeg4 :目前使用最多的技术,avi文件始祖,大大提高压缩
                              比,而质量堪比DVD
                    divx:基于mpeg4开发的,有一定算法优化
                    xvid:divx技术封锁之后被人破解开发的,也是基于mpeg4的
                          编码技术更先进,采用开放源码,画质更好
                    h.261:早期的低码率编码,应用于352x288和176x144,现在
                           已不用
                    h.263:在低码率下能够提供比H.261更好的图像效果,改进一
                           些算法
                    h.263+:h.263的改进型
                    h.264 :H.264集中了以往标准的优点,高效压缩,与H.263+
                         和MPEG4 SP相比,减小50%比特率,高质量应用等
                   rm/rmvb:real 公司推出的应用于网络的高压缩编码,rm是固定
                       码率,rmvb是动态码率(就是静态画面采用低码率,动态
                         采用高码率)
             h.263  和mpeg是不同的国际标准
    封装格式(也叫容器):所谓封装格式就是将已经编码压缩好的视频轨和音频轨按照一定的格式放到一个文件中,也就是说仅仅是一个外壳,或者大家把它当成一个放视频轨和音频轨的文件夹也可以。说得通俗点,视频轨相当于饭,而音频轨相当于菜,封装格式就是一个碗,或者一个锅,用来盛放饭菜的容器。 

                   AVI:微软在90年代初创立的封装标准,是当时为对抗
                        quicktime格式(mov)而推出的,只能支持固定CBR恒定 
                        比特率编码的声音文件。
                   ts和ps:PS封装只能在HDDVD原版,
                    mov:    MOV是Quicktime封装
                    WMV:微软推出的,作为市场竞争

                    mkv:万能封装器,有良好的兼容和跨平台性、纠错性,可带
                         外挂字幕。
                   flv:h针对于h.263家族的格式
                   rmvb/rm:Real Video,由RealNetworks开发的应用于rmvb和rm
                   MP4:主要应用于mpeg4的封装 
    h.264的压缩比是最高的,主要应用于低码率下的实时在线播放,rmvb压缩比相对低一些,但质量要好很多
    +++++一个完整的多媒体文件是由音频和视频2部分组成的。H264、Xvid等就是视频编码格式,MP3、AAC等就是音频编码格式。字幕文件只是其中附带部分。 
       把视频编码和音频编码打包成一个完整的多媒体文件,可以有不同的方式,这种方式便是所谓的封装方式,不同的封装方式有不同的后缀。由于有些封装方式具有很强的灵活性,它可以把各种不同的音视频文件打包成一个文件,因此会出现这么一种情况,虽然文件的后缀是相同的,但有些可以正常播放,而有些不能播放,毕竟任何一种播放软件都不是万能的。部分先进的封装方式还可以同时封装多个音频编码文件,甚至同时封装进字幕文件,如MKV封装方式。MKV文件可以做到一个文件包括多种语种发音,多语字幕以适合不同的人观看。

    ----------------------------------------------------------------------------------------------

    目前有最常见的编码方式:

     

        mpeg1:vcd使用的就是这种编码格式,分辨率是352*288,压缩比低

        mpeg2:一般DVD使用,有NTSC(720*480)和PAL (720*576),和mpeg1一样属于即将被淘汰的编码格式。

        mpeg4 :目前使用最多的技术,avi文件始祖,大大提高压缩比,而质量堪比DVD

        divx:基于mpeg4开发的,有一定算法优化

        xvid:divx技术封锁之后被人破解开发的,也是基于mpeg4的编码技术更先进,采用开放源码,画质更好

        h.261:早期的低码率编码,应用于352x288和176x144,现在已不用

        h.263:在低码率下能够提供比H.261更好的图像效果,改进一些算法

        h.263+:h.263的改进型

        h.264 :H.264集中了以往标准的优点,高效压缩,

        RV.10 RV.13 RV.20 RV.30 RV40: real 公司推出的应用于网络的高压缩编码,是不同时期rm和rmvb的编码

     -----------------------------------------------------------------------------------------

       封装格式(也叫容器):所谓封装格式就是将已经编码压缩好的视频轨和音频轨按照一定的格式放到一个文件中,也就是说仅仅是一个外壳,或者大家把它当成一个放视频轨和音频轨的文件夹也可以。说得通俗点,视频轨相当于饭,而音频轨相当于菜,封装格式就是一个碗,或者一个锅,用来盛放饭菜的容器。

     

      AVI:微软在90年代初创立的封装标准,是当时为对抗quicktime格式(mov)而推出的,只能支持固定CBR恒定

          定比特率编码的声音文件。

      ts和ps:PS封装只能在HDDVD原版,

      mov: MOV是Quicktime封装

      WMV:微软推出的,作为市场竞争

      mkv:万能封装器,有良好的兼容和跨平台性、纠错性,可带外挂字幕。

      flv: 这种封装方式可以很好的保护原始地址,不容易被下载到,目前一些视频分享网站都采用这种封装方式

      rmvb/rm:Real Video,由RealNetworks开发的应用于rmvb和rm的不同封装方式。rm是固定码率,rmvb是动态

               码率(就是静态画面采用用低码率,动态采用高码率)

      MP4:主要应用于mpeg4的封装,主要在手机上使用。

      3GP:目前主要应用于H.263的封装,主要在3G手机上使用

    ----------------------------------------------------------------------------------------------

      理论上可以把任意一个视频文件和一个音频文件打包成一个完整的多媒体文件,但不同的封装方式有其不同的计算方式,它所要求的是在高压缩率的同时又要兼顾高的清晰度效果。所以无论哪种封装方式都不会把任意的一个视频文件和一个音频文件打包在一起。例如MKV封装容器,基本无论什么样的组合都可以!但一般MKV用的最多的就是H264+AAC组合,此组合文件体积最小,清晰度最高。因此网上很多MKV视频都是高清晰度的。


    下面是一些常见的组合方式:
    封装容器 视频流编码格式 音频流编码格式
    AVI Xvid MP3
    AVI Divx MP3
    Matroska(后缀就是MKV) Xvid MP3
    Matroska(后缀就是MKV) Xvid AAC
    Matroska(后缀就是MKV) H264 AAC
    MP4 Xvid MP3
    MP4 H264 AAC
    3GP H.263 AAC

    --------------------------------------------------------------------------------------------

    各种编码对应的最佳码率

      编码规范和封装格式多种多样,是因为它们对应的最佳码率不同。640x272低分辨率的主要是Real Video,最佳码率在350-600Kbps,封装文件格式为RM或者RMVB,我们经常在网上下载的300M左右的电影基本都是RealVideo规范的RMVB文件;分辨率提升为1024x438时,一般就开始使用Xvid编码了,码率也在800-1300Kbps不等,封装文件经常是AVI,文件体积在700MB左右;而720P影片,我们经常下载的X264/AVC编码MKV封装文件,码率5-6MB,音频部分可以达到5.1音效,影音效果很不错,但文件体积都在4.3GB上下,一张DVD碟的容量,网上下载往往需要数天;1080P影片经常采用的有H.264编码和VC1编码,码率30Mbps上下,体积达到22-40GB,虽然效果震撼,但是不方便网络共享。对于容量8GB左右的MP4,综合视频来源以及体积,最适合的是Xvid编码、码率在1300Kbps左右、文件体积700MB-1.4GB的AVI,以及同样码率和体积的RV40编码RMVB,还有码率350-600Kbps的RMVB。

    展开全文
  • WEB 动画实现多种多样,...GIF(Graphics Interchange Format)原义是“图像互换格式”,GIF文件的数据,是一种基于LZW算法连续色调无损压缩格式。其压缩率一般在50%左右,它不属于任何应用程序。GIF格式可以...

    WEB 的动画实现多种多样,随着H5 的发展,实现动画的方式越来越多了。初步统计实现动画的方式有以下一些方式实现

    一、GIF动画

    通常咱们社交聊天的一些动态表情,大多都是gif动画。
    GIF(Graphics Interchange Format)的原义是“图像互换格式”,GIF文件的数据,是一种基于LZW算法的连续色调的无损压缩格式。其压缩率一般在50%左右,它不属于任何应用程序。GIF格式可以存多幅彩色图像,如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上,就可构成一种最简单的动画。

    GIF 分为静态GIF和动画GIF两种,扩展名为.gif,是一种压缩位图格式,支持透明背景图像,适用于多种操作系统,“体型”很小,网上很多小动画都是GIF格式,其实GIF是将多幅图像保存为一个图像文件,从而形成动画,最常见的就是通过一帧帧的动画串联起来的搞笑gif图,所以归根到底GIF仍然是图片文件格式。

    GIF制作方式可以通过PS制作,或者通过图片、视频、FLASH转换

    缺点:高清的gif体积较大。压缩后的体检较小的会失帧。交互差,实质上他就是一个会动的图片

    二、FLASH动画 / SilverLight

    FLASH
    Flash非常强大,它们包含丰富的视频、声音、图形和动画。利用Flash可以制作各种各样非常华丽的动画,和视频,但是由于各种原因,2012年8月15日,Flash退出Android平台,正式告别移动端。2015年12月1日,Adobe将动画制作软件Flash professional CC2015升级并改名为Animate CC 2015.5,从此与Flash技术划清界限。

    很早之前在各种企业门户的首页大图轮播基本都是使用flash,早几年12306的购票网站首页的顶部的大图也是用的flash,如今都换成了静态的图片。这种技术逐渐淡出了视野,只有在线视频直播如 优酷,爱奇艺等视频网站。

    缺点:基于flash播放器来播放,flash播放器非常耗性能,经常报各种漏洞

    SilverLight
    Microsoft Silverlight是一个跨浏览器的、跨平台的插件,是一种新的Web呈现技术,能在各种平台上运行。借助该技术,您将拥有内容丰富、视觉效果绚丽的交互式体验,而且,无论是在浏览器内、还是在桌面操作系统(如Windows和Apple Macintosh)中,您都可以获得这种一致的体验。

    缺点:以浏览器插件的形式来支持动画,开发起来不那么容易。了解下有这个东东就够了哈

    三、Javascript + HTML

    原理: 其主要思想是通过setInterval或setTimeout方法的回调函数来持续调用改变某个元素的CSS样式以达到元素样式变化的效果。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <style type="text/css">
            #animate {
                width: 200px;
                height: 200px;
                background: #ccc;
            }
        </style>
    </head>
    <body>
        <div id="animate"></div>
        <script>
            let elem = document.getElementById('animate');
            let left = 0;
            let timer = setInterval(function(){
                if(left<window.innerWidth-200){
                    elem.style.marginLeft = left+'px';
                    left ++;
                }else {
                    clearInterval(timer);
                }
            },16); //这里的16毫秒
        </script>
    </body>
    </html>

    Jquery的animate()方法就是这种方式实现的。

    缺点:javascript 实现动画通常会导致页面频繁性重排重绘,消耗性能,一般应该在桌面端浏览器。在移动端上使用会有明显的卡顿

    16ms的问题:一般认为人眼能辨识的流畅动画为每秒60帧,这里16ms比(1000ms/60)帧略小一些,但是一般可仍为该动画是流畅的。
    在很多移动端动画性能优化时,一般使用16ms来进行节流处理连续触发的浏览器事件。例如对touchmove、scroll事件进行节流等。通过这种方式减少持续事件的触发频率,可以大大提升动画的流畅性

    四、SMIL

    SMIL特性:
    程序以开始,以结束,整个程序由body和head两个部分组成,SMIL要求其标记和标记的属性必须小写!有些标记必须有一斜杠作为结束标记,属性值必须用双引号括起来,SMIL文件的拓展名为.smil或者.smi。

    <smil>
    <head></head>
     
    <body>
    <seq>
    <!-- 演示开始进行2秒后开始显示,持续播放5秒 -->
    <img src="1.jpg" dur="5s" begin="2"/> 
    <!-- 演示开始进行3秒后开始显示,持续播放10秒 -->
    <img src="2.jpg" dur="10s" bengin="3"/> 
     <!-- 演示开始进行5秒后开始显示,在整个演示播放40秒以后,就结束播放 -->
    <video src="test.rm" begin="5s" end="40s"/>
    <!-- 只播放视频文件的第5秒到第10秒,重复播放2次 -->
    <video src="test.rm" clip-begin="5s" clip-end="10s" repeat="2"/>
    </seq>
    </body>
    </smil>

    嵌入html
    向 标签添加命名空间定义,添加一个 <?import> 元素,以导入 "time" 命名空间,添加一个定义 "time" 类的 <style> 元素

    <html xmlns:time="urn:schemas-microsoft-com:time">
    <head>
      <?import namespace="time" implementation="#default#time2">
      <style>.time {behavior: url(#default#time2)}</style>
    </head>
    
    <body>
        <!-- repeatCount循环次数 -->
      <time:seq repeatCount="indefinite">
        <img class="time" src="image1.jpg" dur="3s" />
        <img class="time" src="image2.jpg" dur="3s" />
      </time:seq>
    </body>
    </html>

    缺点:一看就知道只支持IE。没啥好说的

    五、APNG

    APNG, 全称是“Animated Portable Network Graphics”, 是PNG的位图动画扩展,他和gif的区别在于:图片质量, gif最多支持256种颜色,不支持Alpha透明通道。可以称之为色彩丰富支持Alpha透明通道体积大小和gif甚至更小的gif。
    2007年4月20日,PNG组织投票以10:8否决APNG进入官方标准。也就是PNG不认可他。

    缺点:Chrome 59之后,只有IE不支持

    APNG的制作:http://littlesvr.ca/apng/

    六、Javascript + SVG

    SVG的动画元素是和SMIL开发组合作开发的。SMIL开发组和SVG开发组合作开发了SMIL动画规范,在规范中制定了一个基本的XML动画特征集合。SVG吸收了SMIL动画规范当中的动画优点,并提供了一些SVG继承实现。

    特性
    SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
    SVG 用来定义用于网络的基于矢量的图形
    SVG 使用 XML 格式定义图形
    SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
    SVG 是万维网联盟的标准
    SVG 与诸如 DOM和 XSL 之类的W3C标准是一个整体

    SVG animation最强大的地方在于:™只要在页面放几个animate元素,没有任何CSS, 没有任何JS,页面上的元素就像是没吃草的马儿一样,愉快地跑起来了。你会发现,我勒个去,原来要实现个动画效果这么简单。什么CSS3动画,哪边凉快哪边呆着吧!

    <svg width="320" height="320" xmlns="http://www.w3.org/2000/svg">
      <g> 
        <text font-family="microsoft yahei" font-size="120" y="160" x="160">哈哈</text>
        <animateTransform attributeName="transform" begin="0s" dur="10s" type="rotate" from="0 160 160" to="360 160 160" repeatCount="indefinite"/>
      </g>
    </svg>

    元素
    <set>
    此元素没有动画效果,可以在特定时间之后修改某个属性值(也可以是CSS属性值)

    <svg width="320" height="320" xmlns="http://www.w3.org/2000/svg">
      <g> 
        <text font-family="microsoft yahei" font-size="120" y="160" x="160">
            测试
        <!-- 3秒后把x值改为60 -->
        <set attributeName="x" attributeType="XML" to="60" begin="3s" />
        </text>
      </g>
    </svg>

    <animate>
    基础动画元素。实现单属性的动画过渡效果

    <svg width="320" height="320" xmlns="http://www.w3.org/2000/svg">
      <g> 
        <text font-family="microsoft yahei" font-size="120" y="160" x="160">
        测试
        <!-- 从0秒开始,总时长3秒,x值从160到60,(repeatCount)不间断循环 -->
        <animate attributeName="x" from="160" to="60" begin="0s" dur="3s" repeatCount="indefinite" />
        </text>
      </g>
    </svg>

    <animateColor>
    颜色动画,因为animate能实现其功能,所以被废弃了。逝者已矣...

    <animateTransform>
    实现transform变换动画效果的,与CSS3的transform变换是一个套路

    <svg width="320" height="320" xmlns="http://www.w3.org/2000/svg">
      <g> 
        <text font-family="microsoft yahei" font-size="80" y="100" x="100">测试</text>
        <!-- 从0秒开始,总时长3秒,变换类型为scale(缩放),值从1到1.5,repeatCount)不间断循环  -->
        <animateTransform attributeName="transform" begin="0s" dur="3s"  type="scale" from="1" to="1.5" repeatCount="indefinite"/>
      </g>
    </svg>

    <animateMotion>
    animateMotion元素可以让SVG各种图形沿着特定的path路径运动~

    <svg width="320" height="320" xmlns="http://www.w3.org/2000/svg">
      <text font-family="microsoft yahei" font-size="30" x="0" y="0" fill="green">动
       <!-- 从0秒开始,总时长3秒,不间断循环,沿着路径path运动 -->
        <animateMotion path="m124.067754,67.21128c39.580339,-101.001223 194.657404,0 0,129.858716c-194.657404,-129.858716 -39.580339,-230.859939 0,-129.858716z" begin="0s" dur="5s"   rotate="auto" repeatCount="indefinite"/>
      </text>
        <path d="m124.067754,67.21128c39.580339,-101.001223 194.657404,0 0,129.858716c-194.657404,-129.858716 -39.580339,-230.859939 0,-129.858716z" stroke-width="1.5" stroke="#cd0000" fill="none"/>
    </svg>

    展示的时候是这个样子的。
    svg动画

    暂停和播放

    // svg指当前svg DOM元素
    // 暂停
    svg.pauseAnimations();
    
    // 重启动
    svg.unpauseAnimations()

    关于svg的之后再写文章详细介绍吧

    七、Video

    <Video>是 HTML 5 的新标签。

    <video src="movie.ogg" controls="controls">
    您的浏览器不支持 video 标签。
    </video>

    相关属性
    属性 | 值 | 描述
    ------- | ------- | -------
    autoplay | autoplay | 如果出现该属性,则视频在就绪后马上播放。
    controls | controls | 如果出现该属性,则向用户显示控件,比如播放按钮。
    height | pixels | 设置视频播放器的高度。
    loop | loop | 如果出现该属性,则当媒介文件完成播放后再次开始播放。
    preload | preload | 如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
    src | url | 要播放的视频的 URL。
    width | pixels | 设置视频播放器的宽度。

    八、Javascript + Canvas

    canvas作为H5新增元素,是借助Web API来实现动画的。
    结合setInterval 或者requestAnimationFrame可以实现各种样的动画,下面的例子展示了一个7色圆的颜色过度

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width">
      <title>JS Bin</title>
    </head>
    <body>
      <canvas id="canvas"></canvas>
      <script>
        function colorPalette(gradient) {
        var canvas = document.createElement("canvas");
        canvas.width = "1";
        canvas.height = "256";
        // document.body.appendChild(canvas); // debug
        var ctx = canvas.getContext("2d"),
            grad = ctx.createLinearGradient(0, 0, 1, 256);
          gradient.forEach(function (item) {
            grad.addColorStop(item[0], item[1]);
          });
          ctx.fillStyle = grad;
          ctx.fillRect(0, 0, 1, 256);
          return ctx.getImageData(0, 0, 1, 256).data;
        }
    
        (function () {
          var palette = colorPalette([
            [0, 'red'],
            [0.7, 'orange'],
            [0.17, 'yellow'],
            [0.22, 'green'],
            [0.42, 'cyan'],
            [0.82, 'blue'],
            [0.90, 'purple'],
          ])
    
          // Canvas元素
          var canvas = document.querySelector('canvas');
          var context = canvas.getContext('2d');
          var width = canvas.width, height = canvas.height;
          var start = Date.now()
          // 绘制方法
          var draw = function () {
            context.clearRect(0, 0, width, height);
            // 计算偏移
            var offset = Math.floor((Date.now() - start) / (3300 / 256)) % 256;
            context.fillStyle = 'rgba(' + [
              palette[offset * 4 + 0],
              palette[offset * 4 + 1],
              palette[offset * 4 + 2],
              palette[offset * 4 + 3]
            ] + ')';
            context.arc(width / 2, height / 2, height / 2, 0, 2 * Math.PI);
            context.fill();
            // 持续变化
            requestAnimationFrame(draw);
          };
          draw();
        })();
      </script>
    </body>
    </html>

    点这里在线看demo

    cavans 有些复杂,一时半会消化不了。之后再写详细的文章研究。Canvas主要优势是可以应对页面中多个动画元素渲染较慢的情况,完全通过javascript来渲染控制动画的执行。可用于实现较复杂动画

    九、CSS3 transition/animation

    transition
    transition是过度动画。但是transition并不能实现独立的动画,只能在某个标签元素样式或状态改变时进行平滑的动画效果过渡,而不是马上改变。

    在移动端开发中,直接使用transition动画会让页面变慢甚至卡顿。所以我们通常添加transform:translate3D(0,0,0)或transform:translateZ(0)来开启移动端动画的GPU加速,让动画过程更加流畅。

    animation
    animation 算是真正意义上的CSS3动画。通过对关键帧和循环次数的控制,页面标签元素会根据设定好的样式改变进行平滑过渡。而且关键帧状态的控制是通过百分比来控制的。

    CSS3最大的优势是摆脱了js的控制,并且能利用硬件加速以及实现复杂动画效果。

    有一篇文章做了简单的介绍,点这里
    假如用CSS3 来实现上面的Canvas 7彩颜色过渡的话,就非常简单了。

    @keyframes color {
        0% { background-color: red; }
        7% { background-color: orange; }
       17% { background-color: yellow; }
       22% { background-color: green; }
       42% { background-color: cyan; }
       82% { background-color: blue; }
       90% { background-color: purple; }    
    }

    当然并不是用CSS3 做动画比Canvas牛逼,只是使用场景不一样吧。

    知道的就这些了,之后再补充吧。

    [完]

    转载于:https://www.cnblogs.com/chuchur/p/10462282.html

    展开全文
  • 由于可以通过DICOM文件访问患者信息,因此我们将其转换为TIFF格式,该格式具有相同16位灰度数据,但没有得出患者私人信息。 我们新颖性之一是使用16位数据格式,而不是将其转换为8位数据,这有助于改善该...
  • Java zip压缩包查看程序源码 1个目标文件 摘要:Java源码,文件操作,压缩包查看 Java zip压缩包查看程序,应用弹出文件选择框,选择ZIP格式的压缩文件,可以像Winrar软件一样查看压缩文件内部的文件及文件夹,源码...
  • Java zip压缩包查看程序源码 1个目标文件 摘要:Java源码,文件操作,压缩包查看 Java zip压缩包查看程序,应用弹出文件选择框,选择ZIP格式的压缩文件,可以像Winrar软件一样查看压缩文件内部的文件及文件夹,源码...
  • 在上面的图像中,training_images是包含多个目录子文件夹,并且每个目录包含属于一个垂直类的图像。 数据准备 由于keras数据生成器要求训练数据采用垂直结构,因此我们需要根据需要准备数据集。 要准备数据集,请...
  • XML Drawable与9-Patches

    2016-11-23 15:46:00
    可绘制对象资源 两种设计工具均属于drawable。Android把任何可绘制在屏幕上的图形图像都称为drawable drawable可以是一种抽象的图形、一个继承 Drawable 类的...Android 支持以下三种格式的位图文件:.png(首选)...
  • ASP.NET网页代码模型及生命周期

    热门讨论 2009-07-28 14:22:11
    在.aspx页面中,代码隐藏页模型的.aspx页面代码基本上和单文件页模型的代码相同,不同的是在script标记中的单文件页模型的代码默认被放在了同名的.cs文件中,.aspx文件示例代码如下所示。 “C#” AutoEventWireup=...
  • flash shiti

    2014-03-14 10:32:41
    12. 如果导入的是图像序列中的一个picture001.bmp 文件,并且序列中的其他文件位于相同的 文件夹中,则将被识别为图像序列将是下面哪些: □ A. picture001.bmp □ B. picture002.bmp □ C. picture003.bmp □ D. ...
  • 精灵图实际上是将所有帧图片放在一个文件中,游戏时靠一个RECT来控制画图像文件哪一部分,进而控制游戏显示哪一帧图,只需控制好RECT位置即可。如下图: 控制RECT四个角坐标移动,有以下代码: ...
  • 的是,Linux 上有公认的 C 语言世界最好的编译器 gcc,如果你想得到一个效率更高的开 发环境(并不一定是最友好的,但一定是最强大的),我建议你一定要好好的熟悉一下 Linux。 三.如何得到Linux? 据我所知...
  • java源码包---java 源码 大量 实例

    千次下载 热门讨论 2013-04-18 23:15:26
     Java zip压缩包查看程序,应用弹出文件选择框,选择ZIP格式的压缩文件,可以像Winrar软件一样查看压缩文件内部的文件及文件夹,源码截图如上所示。 Java 数字签名、数字证书生成源码 2个目标文件 摘要:JAVA源码,...
  • Java zip压缩包查看程序源码 1个目标文件 摘要:Java源码,文件操作,压缩包查看 Java zip压缩包查看程序,应用弹出文件选择框,选择ZIP格式的压缩文件,可以像Winrar软件一样查看压缩文件内部的文件及文件夹,源码...
  • JAVA上百实例源码以及开源项目

    千次下载 热门讨论 2016-01-03 17:37:40
     Java zip压缩包查看程序,应用弹出文件选择框,选择ZIP格式的压缩文件,可以像Winrar软件一样查看压缩文件内部的文件及文件夹,源码截图如上所示。 Java 数字签名、数字证书生成源码 2个目标文件 摘要:JAVA源码,...
  • 这里的IDE设备包括了IDE硬盘和IDE光驱,第一、第二组设备是指主板上的第一、第二根IDE数据线,一般来说靠近芯片的是第一组IDE设备,而主设备、从设备是指在一条IDE数据线上接的两个设备,大家知道每根数据线上可以接...
  • 这个功能是C1与LR最大不同之一,用LR时,不导入就无法对图像进行编辑调整,而C1用户则可在会话方式下,直接查看硬盘目录树,在任意位置上打开图像文件。 然后,从目录树里直接选择图像文件并打开编辑...
  • 会计理论考试题

    2012-03-07 21:04:40
    1.计算机感染病毒后会产生各种现象,以下属于病毒现象的是__D__。 A、文件占用的空间变大 B、发生异常蜂鸣声 C、屏幕显示异常图形 D、机内的电扇不转 2. Windows98支持下面___C__网络协议。 A、Net BEUI B、IPX...
  • java源码包2

    千次下载 热门讨论 2013-04-20 11:28:17
     Java zip压缩包查看程序,应用弹出文件选择框,选择ZIP格式的压缩文件,可以像Winrar软件一样查看压缩文件内部的文件及文件夹,源码截图如上所示。 Java 数字签名、数字证书生成源码 2个目标文件 摘要:JAVA源码...
  • 手机 pdf 阅读器

    2009-02-12 23:00:29
    修正umd格式的文件在历史中显示图标为TXT的bug 阅读TXT时,触屏用户也可以在菜单中使用“反色”的功能了 [2007.10.28] Ver:3.1.22 修正在在UIQ、S60机器上运行缓慢的bug [2007.10.22] Ver:3.1.21 修正在部分MOTO-...
  • java源码包3

    千次下载 热门讨论 2013-04-20 11:30:13
     Java zip压缩包查看程序,应用弹出文件选择框,选择ZIP格式的压缩文件,可以像Winrar软件一样查看压缩文件内部的文件及文件夹,源码截图如上所示。 Java 数字签名、数字证书生成源码 2个目标文件 摘要:JAVA源码...
  • 静态图像文件。编码格式包括 MPEG4, H.264, MP3,AAC, AMR, JPG, PNG 。 • Surface Surface Surface Surface Manager Manager Manager Manager - 对显示子系统管理,并且为多个应用程序提 供了2D 和3D 图层无缝...
  • java源码包

    2015-12-01 16:29:37
     Java zip压缩包查看程序,应用弹出文件选择框,选择ZIP格式的压缩文件,可以像Winrar软件一样查看压缩文件内部的文件及文件夹,源码截图如上所示。 Java 数字签名、数字证书生成源码 2个目标文件 摘要:JAVA源码,...
  • f.exists()) { // 这里ImageIO属于java工厂类,在工厂类class里面,调用System.gc(),频繁调用会造成dump,需要考虑优化 BufferedImage image = ImageIO.read(f); // 读入文件 if (image != null) { ...

空空如也

空空如也

1 2 3
收藏数 44
精华内容 17
关键字:

以下属于图像文件格式的是