首页 >

flash动画制作好学吗 – CSS – 前端,junior css

css 布局框架,css激变背景,用css鼠标手势,css轮播图 左右切换,css3 transform 过渡,css 背景图片圆形,junior cssflash动画制作好学吗 - CSS - 前端,junior css

flash因为各种安全漏洞频出,已经明确的被苹果、谷歌、微软列为未来淘汰产品了,Adobe已经正式声明将于2020年结束对flash的支持,各浏览器的支持也将会在2020年底彻底结束,未来将正式被HTML5等新技术所取代。下面引用一篇文章来帮你介绍一下各种替代flash的技术,希望对你的学习方向有所帮助。

Flash 的替代技术

——-2 年前 · 来自专栏 极光日报

简评:Flash 在过去的十几年里为大家提供了动画、视频、游戏,当然还有广告。但现在 Flash 退出历史舞台的时机已经来了,那么哪些技术未来将替代 Flash?

Web 动画

CSS

CSS animation 实现 Web 动画最简单的一种方式。随着 CSS3 的发布,动画也已经被加入到了标准之中。Mozilla 也推出了相关的文档,网络上也有很多的开源项目可以使用。

JavaScript

通过 HTML5 的 <canvas> 标签,开发者可以通过 JavaScript 绘制图形、变换颜色、透明度、图片等等。JavaScript 可以使用 SVG 来实现动画,SVG 相较于其他的方案拥有很多优点 – 可随意缩放而不影响显示效果、所占空间更小、更好的显示效果和更强的颜色控制。很多人可能没有意识到 SVG 能够实现多么优秀的动画效果,可以看看这个。

当然新的 Web Animations API 也非常强大。

Web 游戏

在过去的一段时间 Flash 统治了 Web 游戏界,但在今天结合 JavaScript, HTML5, WebGL 和WebAssembly 等技术已经完全能提供更好的体验,甚至还可以使用 WebVR 和 A-Frame 来构建 Web VR 应用。

Mozilla 为开发者们提供了一份开发 Web 游戏的技术清单,内容包括:

WebGL

HTML audio

Web Audio API

WebSockets

WebRTC

WebAssembly

视频

一直以来 Flash 视频播放都有发热严重等各种问题,而新一代的视频编解码器可以使用硬件渲染,大大提高了效率。不太好的就是要从 Flash 切换到 HTML5 只能将视频重新编码。可以通过 FFmpeg 和 Handbrake 这样的免费工具进行转码。

而 HTML 5 内置多媒体控件,因此无需用户安装任何额外的播放器,只需要像下面这样:

<video src=”videofile.webm” controls></video>

当然,你也可以自定义样式,来保证不同浏览器之间的外观和表现一致。

MDN 也提供了 Flash 迁移到 HTML5 的指南。

现在 Flash 已经注定被抛弃了,赶紧学习下新技术吧。

原文:Life After Flash: Multimedia for the Open Web

css 布局框架,css激变背景,用css鼠标手势,css轮播图 左右切换,css3 transform 过渡,css 背景图片圆形,junior cssflash动画制作好学吗 - CSS - 前端,junior css


flash动画制作好学吗 - CSS - 前端,junior css
  • HTML框架边框设置详解(让你的网页布局更加美观) |gzip压缩 html
  • HTML框架边框设置详解(让你的网页布局更加美观) |gzip压缩 html | HTML框架边框设置详解(让你的网页布局更加美观) |gzip压缩 html ...

    flash动画制作好学吗 - CSS - 前端,junior css
  • HTML怎么设置元素聚焦效果? |video html5 play()
  • HTML怎么设置元素聚焦效果? |video html5 play() | HTML怎么设置元素聚焦效果? |video html5 play() ...

    flash动画制作好学吗 - CSS - 前端,junior css
  • HTML设置Canvas(实现网页动态效果) |怎么用html框架结构
  • HTML设置Canvas(实现网页动态效果) |怎么用html框架结构 | HTML设置Canvas(实现网页动态效果) |怎么用html框架结构 ...