韩国电子网络商务PPT模板.ppt
HTML5,2011.12CJ E&M Music.Live,2011&HTML5,1.2.3.-Plugin based Video-Flash video-HTML5 video-HTML5 video Demo-HTML5 video-?,http:/ppt模板下载,素彩网 PPT模板免费下载无需注册,http:/ppt模板下载,-1996 vs.2010,http:/ppt模板下载,Browser Wars,http:/health20.kr/1648,http:/ppt模板下载,-Devices,http:/ppt模板下载,Devices(PC vs.SmartPhone),http:/ppt模板下载,http:/ppt模板下载,-,http:/ppt模板下载,N Screen,http:/ppt模板下载,http:/ppt模板下载,Devices,http:/ppt模板下载,Multimedia Coding on the web is fragmentedMany video codecs:DIVX,XVID,H264WMV,VC-1,VP8Many Containers(File Format):AVI,MKVMP4,FLVMany delivery methodsRTSP/RTP Streaming,Progressive downloadLive Http Streaming,Smooth Streaming,http:/ppt模板下载,http:/ppt模板下载,?,http:/ppt模板下载,Plugin Based VideoFlash VideoHTML5 Video,http:/ppt模板下载,Plugin Based Video,http:/ppt模板下载,Plugin Based Video,OS Video)Mac FF wmv)wmv,mov,rm Plugin(ActiveX),http:/ppt模板下载,Flash Video,http:/ppt模板下载,Flash Video,2002,Flash Video Sorenson spark codec 2003,FLV format VP6 codec 2005,Flash FLV format 2006,H.264 codec,http:/ppt模板下载,Flash Video-Market,Desktop,SmartPhone,http:/ppt模板下载,Flash Video Code Example,http:/ppt模板下载,Flash Video-Flash,http:/ppt模板下载,Flash Video Thoughts on Flash,http:/ppt模板下载,HTML5,素彩网 PPT模板免费下载无需注册,http:/ppt模板下载,HTML5,HTML5(,)video JavaScript ActionScript Powerful(simple)APIHTML5:,http:/ppt模板下载,HTML5-Example,Your browser doesnt like HTML5 video,watch the movie on archive.org.,http:/ppt模板下载,Controlling with JavaScript,var v=document.getElementById(player);v.play();v.pause();v.volume=.;v.currentTime=.;.,http:/ppt模板下载,methods&attributes,var video=$(video).get(0);video.play();video.pause();video.paused;/Returns true if video is paused.video.ended;/Returns true if video is over.video.volume;/Returns volume value(between 0-1)video.volume=0.5;/Sets volume value(between 0-1)video.currentTime;/Current point of time in the video.video.length;/Returns the length in seconds.video.seekable;/Returns true if supports seeking.video.playbackRate;/Allows you to rewind/fastforward.,http:/ppt模板下载,src:currentTime:duration:paused:ended:muted:volume:(0.0 1.0)error:networkState:(,)load():()play():pause():,http:/ppt模板下载,Events fired by,var v=document.getElementById(player);v.addEventListener(loadeddata,function().,true)v.addEventListener(play,function().,true)v.addEventListener(pause,function().,true)v.addEventListener(timeupdate,function().,true)v.addEventListener(ended,function().,true).,http:/ppt模板下载,play:progress:()timeupdate:ended:error:,http:/ppt模板下载,HTML5 Video Demo,http:/ppt模板下载,Demo-Video with external controls,http:/ppt模板下载,UI,OPERA,SAFARI,FIREFOX,CHROME,IE9,http:/ppt模板下载,Demo-Fancy video controls with Javascript,素彩网 PPT模板免费下载无需注册,http:/ppt模板下载,Demo-Fancy video swap,http:/ppt模板下载,Demo-HTML5 Video Events and API,http:/ppt模板下载,Demo-Transforming HTML5 video with CSS3,http:/,素彩网 PPT模板免费下载无需注册,http:/ppt模板下载,Dynamic Content Injection,http:/,http:/ppt模板下载,Canvas Video,http:/,http:/ppt模板下载,HTML5 Video,http:/ppt模板下载,HTML5 Video,(Codec fragment)(Progressive Download)(Contents Protection)+(Encapsulation+Embedding)(Fullscreen Video)+/Ecosystem(,)(2015),http:/ppt模板下载,Codec/Container MP4/H.264,9.0,ubiquitous,patent encumbered,licensing/royalties,http:/,http:/ppt模板下载,Codec/Container Ogg Theora,“free and open”,no licensing/royaltiesnot many tools for it,not web optimised,http:/ppt模板下载,Codec/Container WebM/VP8,open and royalty-free,web optimised,http:/ppt模板下载,?,http:/ppt模板下载,?,H.264 via HTML5 with a fallbackto Flash or Silverlight(playing thesame file)if the browser cannotplay H.264 natively via.,http:/ppt模板下载,HTML5 video+Flash video,http:/ppt模板下载,CSS styled video controls MediaElementJS.com,http:/,http:/ppt模板下载,JavaScript libraries,http:/,http:/ppt模板下载,Chrome Frame,Minimal effort for bringing IE6,7 and 8 up to the latest HTML5 technologiesTwo ways to get your websites ready for Chrome Frame:Client side:Server side:,X-UA-Compatible:chrome=1,http:/ppt模板下载,素彩网 PPT模板免费下载无需注册,http:/ppt模板下载,Streaming Protocol Progressive Download,-Video Delivery-Flash HTML5 audio,video,iOS,Android-()-,http:/ppt模板下载,Streaming Protocol RTMP/RTSP Streaming,-RTMP+Flash Streaming Protocol,FMS,Wowza,CDN+Bandwith efficiency,Quality switching-RTSP:Android-,(rtsp/554,rtmp/1935,rtmpt/80)-()-,http:/ppt模板下载,Streaming Protocol Adaptive HTTP Streaming,-HTTP Dynamic Streaming:Flash-Http Live Streaming:iOS,Android 3.0-Smooth Streaming:Silverlight,IIS Media Service Extension-DASH(Dynamic Adaptive Streaming over HTTP):MPEG-RTMP Adaptive Streaming-,http:/ppt模板下载,Streaming Protocol Device,http:/ppt模板下载,media encoding options,http:/ppt模板下载,Reference I,http:/,http:/ppt模板下载,Reference II,Developing With HTML5:WebM Open Video Playback in HTML5Using Google Chrome Framehttp:/,http:/ppt模板下载,.,http:/ppt模板下载,
