首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

是否可以使用成帧运动对dom重新排序进行动画处理?

是的,可以使用成帧运动对DOM重新排序进行动画处理。成帧运动是一种通过在每一帧中微调DOM元素的位置和样式来创建动画效果的技术。通过重新排序DOM元素,可以改变它们在页面中的位置,从而实现动画效果。

优势:

  1. 流畅的动画效果:成帧运动可以实现流畅的动画效果,因为它利用浏览器的重绘机制,每一帧都只更新需要改变的元素,而不是整个页面。
  2. 灵活性:通过重新排序DOM元素,可以实现各种动画效果,如淡入淡出、滑动、旋转等。
  3. 跨平台兼容性:成帧运动是基于浏览器的技术,可以在各种设备和平台上运行,包括桌面、移动设备和各种操作系统。

应用场景:

  1. 幻灯片轮播:通过重新排序DOM元素,可以实现幻灯片轮播效果,让图片或内容在页面上切换显示。
  2. 列表排序:可以通过重新排序DOM元素,实现列表的排序效果,如按照字母顺序或数字大小重新排列列表项。
  3. 动态布局:通过重新排序DOM元素,可以实现动态布局效果,如瀑布流布局、网格布局等。

推荐的腾讯云相关产品: 腾讯云提供了一系列与云计算相关的产品和服务,其中与前端开发和动画处理相关的产品包括:

  1. 腾讯云CDN(内容分发网络):用于加速静态资源的传输,提高页面加载速度,从而改善动画效果的展示。产品介绍链接:https://cloud.tencent.com/product/cdn
  2. 腾讯云云服务器(CVM):提供可扩展的计算能力,用于处理前端开发和动画处理的计算任务。产品介绍链接:https://cloud.tencent.com/product/cvm
  3. 腾讯云对象存储(COS):用于存储和管理静态资源,如图片、视频等,支持高并发访问和快速读取。产品介绍链接:https://cloud.tencent.com/product/cos

请注意,以上推荐的产品仅为示例,其他云计算品牌商也提供类似的产品和服务。

相关搜索:我可以使用成帧运动创建一个斑点动画吗?是否可以使用ValueAnimator对BigDecimal进行动画处理?使用pivot对多索引数据帧进行重新排序是否可以仅使用键盘对.NET DataGridView列进行排序?是否可以在deck.gl中对移动图标进行动画处理?当pandas数据帧包含数组而不是值时,是否可以使用plotly express对绘图进行动画处理?angular 9通过使用查询列表(contentChildren或ViewChildren)对同级dom进行重新排序在iOS中使用Objective C对UlLabel帧周围的边框进行动画处理是否可以根据自定义字段生成的动态值对wp_query循环进行排序/重新排序?如果只使用一行,是否可以使用size classe对bootstrap 4中的列进行重新排序?使用多列的自定义顺序对Pandas数据帧的行进行重新排序是否可以使用DOM测试库对react应用程序进行端到端测试是否可以在列表视图构建器中通过在Flutter中拖动来对项目进行重新排序?是否可以使用按钮对csv文本文档中的日期进行排序?如何根据热门点击量字段(文本字段)对聚合进行排序?或者是否可以按文本字段对聚合进行排序(不使用_term)是否有一个R函数可以使用两列或更多列对矩阵进行排序?是否可以在不使用多个媒体查询/元素的情况下对引导中的嵌套列/行进行排序?是否有一个R函数可以使用列表元素中的一个元素对列表元素进行排序?在django中,是否可以在不使用原始SQL的情况下使用函数(不能用查询表达式编写)对管理页面进行排序?
相关搜索:
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【CSS】398- 原生JS实现DOM爆炸效果

,暂不作为首选` js 刷dom渲染 `可行,但是刷操作会造成性能压力` 结论 canvas虽说可行,但由于其开发弊端 本次分享不以canvas为分享内容,而是使用最后一种 js刷dom操作...前置资源:抛物线运动的物理曲线需要使用Tween.js提供的速度函数 若不想引入Tween.js 可以使用以下代码 /** Tween.js* t: current time(当前时间);* b: beginning...为装载动画元素的容器 用于设置位置等样式 dom = null; // 动画开始时间 StartTime = -1; // 当前粒子的动画方向,区别上抛运动与下抛运动...接下来考虑一下动画的实现过程,动画毫无疑问为抛物线动画,这种动画在代码中实现可以使用物理公式, 但是我们也可以通过速度曲线实现,想想上抛过程可以想成 由于重力影响 ,变成一个速度逐渐减小的向上位移的过程...onAnimtionEnd可以实现动画结束的回调函数 * insertChild可以向粒子内渲染使用者自定义的dom * renderIn 可以设置粒子父元素 * deleteEl 可以从父元素删除粒子

3.4K70

particle emitters(粒子发射源)

,比如粒子从哪里产生,产生速率 Variation(变异) 让粒子系统产生随机变异 Movement(运动) 可以调整颗粒产生后是怎么运动的.粒子系统使用了简化版的物理模拟来加速性能,但颗粒仍然可以和物理引擎管理的对象进行交互...Button(从头开始按钮) 从最初状态重新运行 5.Camera Reset Button(重设相机按钮) 重设相机,恢复默认位置 6.Color Button(背景颜色按钮) 更改呈现区背景色,可以让你更容易观察粒子...Speed factor(速度因子) 颗粒模拟的速度因子,设置为1则按正常速度运行 Stretch factor(拉伸因子) 按运动方向颗粒进行拉伸.设置为0,则颗粒图片不拉伸 Image attributes...设置第一个动画序列的零起点画面,第零对应的是网络中左上角的图片.使用图片时设置为0 Frame rate(帧率) 设置动画的每秒速度.使用图片时设置为0 Animation(动画) 设置动画序列的行为....Repeat重复循环,Clamp播放一次,Auto Reverse自动反转,从头到尾再返回开头.使用图片时设置为Repeat或其他均可 Dimensions(尺寸) 设置动画风格的行数列数.使用图片时设置为

1.2K20
  • Web 性能优化-CSS3 硬件加速(GPU 加速)

    CSS3 硬件加速简介 上一篇文章学习了重绘和回流页面性能的影响,是从比较宏观的角度去优化 Web 性能,本篇文章从每一的微观角度进行分析,来学习 CSS3 硬件加速的知识。...查看地址 从 demo 中可以看到左边的图形在运动时外层有一圈绿色的边框,表示元素不停地 repaint,并且可以看到其运动过程中有丢帧现象,具体表现为运动不连贯,有轻微闪动。...动画 之前学习 flash 的时候,就知道动画是由一的图片组成,在浏览器中也是如此。我们首先看一下,浏览器每一都做了什么。...GPU 中 transform 是不会触发 repaint 的,这一点非常类似 3D 绘图功能,最终这些使用 transform 的图层都会由独立的合成器进程进行处理。...自己的 opacity 做 CSS 动画使用一个动画 webkit 变换的元素。 拥有加速 CSS 过滤器的元素。

    3K20

    干货 | React 中的 Canvas 动画

    通过这些载体除了可以实现上述 CSS 的效果以外,还可以实现更复杂的内容(比如游戏动画)。 由于有些动画较为细腻且复杂,无法通过简单的位移或变形来实现(例如人物的行走、跳跃),我们便会使用动画。...三、使用 JavaScript 实现动画 如果计划使用 JavaScript 来进行动画的渲染,基本上都会选用一个渲染框架来将动画内容渲染,来简化我们的渲染操作、提高编码效率,当然也可以直接使用原生 API...4.2 渲染优化 我们在 Web 页面上会选择使用 React 来进行绘制时,一般都属于 HTML 部分与 Canvas 互动较多,或者动画本身并不复杂,虽然每一的内容都需要重新元素属性进行计算,但其实需要引起树结构变化的次数并不多...我们下面的代码进行调整。 updateRef.current(xRef.current); 这块通过 state 形式进行更新的代码调整为直接更新,完后直接渲染。...结语 React提供了非常便捷的手段用来渲染部分进行自定义,使用这种自定义 Render 的方式就可以让我们自己来实现一套基于 React 的渲染引擎,无论是基于 react-dom 的基础上做为 Canvas

    3K51

    高性能Web动画和渲染原理系列(2)——渲染管线和CPU渲染

    ,影视作品一般只要达到24FPS就可以展示出看起来连续运动的画面;而在页面的渲染中,每一都是由计算机计算渲染出来的精确画面,之间并不存在模糊过渡,所以通常认为需要达到50FPS~60FPS的帧率...在Style阶段需要找出发生变更的样式并重新计算相关的尺寸,当然在首屏渲染之前第一次处理CSS样式时,浏览器肯定已经计算结果进行了缓存,以便在这像素渲染管线处理时节省时间。...而opacity和transform造成的影响,都可以通过改变图层合成时的参数来进行处理,换句话说就是它可以直接使用之前生成的位图像素数据的缓存,而不需要再重新计算,也不用更新像素数据缓存,配合上GPU...,你可以借助HTML Canvas 2D API来类比理解,在canvas画板上实现的二维动画,即使在逐动画进行覆盖式的全画布重绘,也能够保持较高的帧率;3D图形学有一定了解的小伙伴都知道,3D渲染引擎只支持点...也是不行的,这样虽然可以保持画面上只有一个跑动的人物,但是因为画面被缓存时,像素已经被覆盖掉了,如果把人物擦掉,只从缓存的数据中,是无法知道被擦掉的这部分像素点应该被修复什么样子的,例如下图中,缓存中是上一的数据复原后的图

    1.5K30

    Web动画性能介绍

    如果用 setInterval 来做动画,每时间大概设置13ms(jQuery 用的 13ms)。因为用 setInterval 会有1ms左右的延时。...Chrome 可以使用早已作为纹理而存在于 GPU 中的层来重新复合,但会使用不同的复合属性(例如,出现在不同的位置,拥有不同的透明度等等)。 如果层的部分失效,它会被重绘并且重新上传。...如果它的内容保持不变但是复合属性发生变化(例如,层被转化或透明度发生变化),Chrome 可以让层保留在 GPU 中,并通过重新复合来生成一个新的。...改变了渲染方式是指,硬件加速的元素以transform的方式进行位移(translate)、旋转(rotate)、缩放(scale)时,这些操作会由GPU来处理,而不会触发浏览器的重绘(CPU处理)。...复合层用设置transform的方式进行位移(translate)、旋转(rotate)、缩放(scale)将不会触发浏览器重绘,这部分工作会由GPU来处理

    85730

    前端动画大乱炖

    Animations.png requestAnimationFrame requestAnimationFrame是浏览器用于定时循环操作的一个接口,类似于setTimeout,主要用途是按网页进行重绘...例如,它可以用于绘制图形,制作照片,创建动画,甚至可以进行实时视频处理或渲染,Canvas具有如下特点: 依赖分辨率,基于位图; 不支持事件处理器; 弱的文本渲染能力; 能够以 .png 或 .jpg...,基于矢量图; 支持事件处理器; 最适合带有大型渲染区域的应用程序(比如谷歌地图); 复杂度高会减慢渲染速度(任何过度使用 DOM 的应用都不快); 不适合游戏应用; 来看一个简单的示例,用SVG画了一个圆...,它可以引用一个事先定义好的动画路径,让图像元素按路径定义的方式运动; :元素图形的运动和变换有更多的控制,它可以指定图形的变换、缩放、旋转和扭曲等; <mpath...: WebGL 参考资料 WebGL API 几个常用的动画库 Ani.js -- 基于CSS动画的生命处理库 Dynamics.js -- 创建具有物理运动效果动画的js库 Animate.css

    1.1K20

    Chromium 最新渲染引擎--RenderingNG

    处理「事件的输入」 2.「优化」页面的内容的滚动和动画效果 3. 页面内容进行「图层化」处理 3.图片进行解码处理 4. 绘画工作单元代码 5....进程关系 「渲染进程(render process)」:「网站」进行渲染、动画、滚动和数据输入的处理。...「存在多个渲染进程」 「浏览器进程(browser process)」:「浏览器UI」进行渲染、动画和数据输入的处理,并且负责将数据转发到正确的渲染进程。...它使用GPU进行光栅和绘制 「只有一个Viz 进程」 通常,tab和渲染进程是「一一应」的,也就是说一个tab会有属于自己的渲染进程。...处理事件的输入 2. 优化页面的内容的滚动和动画效果 3. 页面内容进行「图层化」处理 3.图片进行解码处理 4. 绘画工作单元代码 5. 进行栅格化操作。

    1.6K10

    【带着canvas去流浪(9)】粒子动画

    粒子特效的本质还是一个逐动画,所以我们仍然可以使用上一节中提到的动画编程范式来实现它。本节的教程将实现下面这样一个粒子效果: ?...就好像SPA框架中先收集变化并新旧DOM进行diff操作,然后集中进行DOM更新,以取代独立分散的DOM操作造成的性能损耗。 2.2 轨迹 ?...笔者首次建模后得到效果是上图这样的,使用的模型是一个碰撞衰减模型,也就是将防护层当做钢体表面,当粒子在复位过程中进入防护层后,就将其速度向量进行反向,并乘以衰减系数,当其离开防护层后再重新将速度方向指向初始位置...,把向量的求模,反向,相加,相减等常见操作挂载在原型链上,这就使得代码本身更具有意义,下面给出一个常见的二维向量类的实现,你可以根据自己的需求进行改造,后面的示例中我们也将直接使用这个类: //二维向量类定义...3.2 粒子群的绘制 为了节约渲染时的性能消耗,示例中动画的模式进行了调整,先统一更新粒子状态,接着绘制所有粒子的路径,最后一次性调用context.fill方法将粒子渲染出来。

    1.5K40

    HTMLCSSJS 是如何在浏览器中,渲染成你看到的页面?【图解Chrome】

    #解析 #构建 DOM 当渲染器进程收到一个导航请求,并开始接收 HTML 数据,主线程将开始处理文本字符串(HTML),将其解析 DOM(Document Object Model)。...将 HTML 文档解析 DOM 是完全依照于 HTML 协议。并且在 HTML 协议中,浏览器不会对错误的 HTML 进行错误提示。例如,缺少结束的 标签时,这依然是一个有效的 HTML。...这么设计的原因,是因为 JS 可以使用类似 document.write() 方法来改变 DOM 的结构。这就是 HTML 解析器在重新解析 HTML 之前,必须等待 JS 脚本执行的原因。...如果你 JS 执行中发生的事情细节有兴趣,V8 团队有一篇文章深入的对此进行了讲解,有兴趣可以看看。...我们大多数显示器每秒刷新 60 次(60fps),如果你每一都做了处理,那动画人眼而言就是平滑的,但是如果某些没有被处理到或者丢失了,则会导致动画不连贯,出现页面的“卡顿”。

    4.8K50

    28. 精读《2017前端性能优化备忘录》

    针对动画,其每一都需要在 16ms 内完成,这样才能保证每秒 60(一秒/60=16.6ms),如果可以的话最好能在 10ms 内完成。...也可以把纯计算工作放到 Web Workers 中做,前提是这些计算工作不会涉及 DOM 元素的存取。一般来说,JavaScript 中的数据处理工作,如排序或搜索比较适合这种处理方式。...降低样式计算和复杂度 添加或移除一个DOM元素、修改元素属性和样式类、应用动画效果等操作,都会引起DOM结构的改变,从而导致浏览器需要重新计算每个元素的样式、页面或其一部分重新布局(多数情况下),这就是所谓的样式计算...,因为这种方式建议每个DOM元素都只使用一个样式class。...尽可能避免触发布局,当修改了元素的样式属性之后,浏览器会将会检查为了使这个修改生效是否需要重新计算布局以及更新渲染树。

    47720

    URL 从输入到页面渲染全流程

    构建请求   1、应用层进行DNS解析   通过DNS将域名解析IP地址。...、发送方会重传接收方未确认的数据、接收方会将接收到数据按正确的顺序重新排序,并删除重复的数据、提供了控制拥挤的机制   由于HTTP协议使用的是TCP协议,为了方便通信,将HTTP请求报文按序号分为多个报文段...(segment),并每个报文段进行封装。...由于HTML使用的是流式布局,如果页面中的一个元素的尺寸发生了变化,则其后续的元素位置都要跟着发生变化,也就是重新进行流式布局的过程,所以被称之为回流   前面介绍过渲染引擎生成的3个树:DOM树、Render...而且table渲染通常要3倍于同等元素时间   此外,将需要多次重绘的元素独立为render layer渲染层,如设置absolute,可以减少重绘范围;对于一些进行动画的元素,可以进行硬件渲染,从而避免重绘和回流

    1.5K10

    前端-动画大乱炖

    requestAnimationFrame requestAnimationFrame是浏览器用于定时循环操作的一个接口,类似于setTimeout,主要用途是按网页进行重绘。...可以用下面的方法,检查浏览器是否支持这个API。如果不支持,则自行模拟部署该方法。...例如,它可以用于绘制图形,制作照片,创建动画,甚至可以进行实时视频处理或渲染,Canvas具有如下特点: 依赖分辨率,基于位图; 不支持事件处理器; 弱的文本渲染能力; 能够以 .png 或 .jpg...,它可以引用一个事先定义好的动画路径,让图像元素按路径定义的方式运动;  :元素图形的运动和变换有更多的控制,它可以指定图形的变换、缩放、旋转和扭曲等;  <mpath...,不需要安装任何插件,便可以使用基于 OpenGL ES 2.0 的 API 在 canvas 中进行3D渲染。

    89720

    前端动效讲解与实战

    展示型动画在实际使用的场景中,实现的方法很多,比如用GIF图,canvas,CSS3动画等,但是最终输出的结果是不带有交互的,也就是从动画起始状态到结束状态一气呵,这个过程用户可以感知,但是无法参与。...,其中的许多对象会被频繁重绘div包括CSS控制的DOM动画、JS控制的DOM动画比较适合简单的数量较少的复杂度较低的动画SVG处理矢量图,不失真不依赖分辨率支持事件处理器最适合带有大型渲染区域的应用程序...Canvas只占用一个DOM节点,在做一些烟花、飘雪等运动元素很多的动画时,会比CSS/SVG性能好。性能比较一般情况下,随着屏幕大小的增大,canvas将开始降级,因为需要绘制更多的像素。...2.3.1.1 GIF实现我们可以动画导出GIF图,GIF图会连续播放,无法暂停,它往往用来实现小细节动画,成本较低、使用方便。...3.3 Lottie适用场景: 复杂的展示型动画通过 AE 上的 Bodymovin 插件将 AE 中制作好的动画导出一个 json 文件,通过LottieJSON进行解析,最后以SVG/canvas

    2.7K30

    JavaScript调试和优化,深入研究谷歌Chrome浏览器开发工具(二)

    引用一个所选元素(Referencing A Selected Element) 如果您正在使用DevTools Elements面板,并且您已经选择了一些DOM元素,那么您可以在控制台面板中轻松地获得它的引用...你可以选择 不限流, 4x slowdown or 6x slowdown. 截图记录 你可以通过检查方框的截图来每一进行截图。屏幕截图将帮助您在分析期间可视化应用程序用户界面的状态。...当你使用动画时,它们特别有用。 ? 性能分析报告 在优化应用程序的性能之前,您需要对其进行概要分析,原因有两个:首先,度量性能的糟糕程度;其次,确定可能进行优化的领域。...FPS图表可以帮助您发现在使用其他子工具之前可能遇到的问题。 Frames 维基百科的定义如下: 动画和电影制作的关键框架是一幅描绘任何平稳过渡的起点和终点的图画。...关键序列定义了观众将看到的运动,而关键在电影、视频或动画上的位置定义了运动的时间。因为在一秒钟内只有两到三个关键不会产生运动的错觉,所以剩下的中充满了中间

    2.6K40

    面向前端的 Lottie & AE 动画手把手入门教学

    使用 Lottie, 需要在借助 Bodymovin 插件将动画工程文件从 AE 中导出 JSON。Lottie 分别为每个平台实现了一套 Player, 只需载入JSON动画文件就可播放。...每个区域的作用分别是: 项目: 管理当前项目以及一些项目参数的预览 资源: 导入到 AE 中的所有外部资源如图像等在这里进行统一管理 图层: 在这里为每一个图层添加/编辑关键和属性 时间轴: 在这里可以编辑动画的关键和曲线...AE 里的关键跟 CSS 里的 keyframe 属性没有什么区别, 我们只需要对其运动过程中的某一些节点添加关键属性, 这个元素将会在相邻两个关键之间进行关键属性的平滑变换。...在我们开始之前, 先分析一下动画效果, 可以分成三部分: 位移动画: Y 轴方向的往复运动 形状动画: 矩形和圆形之间的往复变换 颜色动画: 蓝色和品红色的突变 OK, 让我们先来完成位移动画: 首先...重复上述步骤, 将时间轴移到圆形下一次运动到Y轴的最低点, 再次添加关键让圆形变换成矩形, 最终的关键曲线如图: ? 预览一下效果: ? 现在进行最后一步, 颜色变换。

    2.8K50

    浏览器渲染机制

    将页面分层,可以让一个图层独立于其他的图层进行变换和光栅化处理。...线程浏览器事件的处理 合成的优点是它在不涉及渲染主线程的情况下完成的。合成器不需要等待样式计算或 JavaScript 执行。只和合成相关的动画被认为是获得流畅性能的最佳选择。...当一个没有绑定任何事件的页面发生滚动时,合成器可以独立于渲染主线程之外进行合成的的创建,保证页面的流程滚动。...以动画为例,如果使用 JS 的定时器来控制动画,可能就需要较多的修改布局和绘图的操作,一般有以下两种方法进行优化: 使用合适的网页分层技术:如使用多层 canvas,将动画背景,运动主体,次要物体分层,...使用 CSS Transforms 和 Animations:它可以让浏览器仅仅使用合成器来合成所有的层就可以达到动画效果,而不需要重新计算布局,重新绘制图形。

    1.1K31

    从15个点来思考前端大量数据渲染与频繁更新的方案

    先来总结一下处理方法有哪些: 惰性加载(懒加载) DOM操作合并处理 虚拟列表 分批数据加载 简化DOM结构 优化资源 Web Workers 用户操作优化 差异更新 服务端渲染 动画优化 逐渲染 异步更新...DOM操作合并处理 介绍 DOM操作合并处理是一种优化策略,旨在减少浏览器进行重绘(repaint)和回流(reflow)的次数,通过合并多次DOM操作为单一更新过程以提升页面性能。...使用CSS动画而非JavaScript动画: CSS动画通常比JavaScript动画性能更好,因为浏览器可以对CSS动画进行优化,如在合适的时机使用硬件加速。...如果可能,尝试减少同时运行的动画数量,或将多个动画合并为一个。 测试和分析: 使用浏览器的开发者工具来分析动画的性能。注意查看动画是否引起了大量的重绘和回流,以及是否有性能瓶颈。...状态更新: 在每一中,您的代码应计算并更新动画的下一状态。这可以包括移动位置、改变颜色、调整大小等。因为您是在每一基础上进行更新,所以可以创建非常平滑和复杂的动画效果。

    1.9K42

    一个栗子带你上手CSS3动画

    这个属性很好用 动画原则 运动一般有个惯性,所以要先快后有一个慢一点的反弹。...背景若使用多个星星闪烁,错位闪烁 Css 动画配合JS使用 有些情况我们需要确保动画结束后再进行另外一些交互,可使用该事件监听。...逐动画 实现方法: 使用3个dom元素,最外层dom实现入场动画,第二层dom实现左右移动,第三层dom实现逐动画。 优点:调试方便,节省时间。 缺点:dom多。...原因:由于animation默认以ease方式过渡,它会在每个关键之间插入补间动画,所以动画效果是连贯性的。此时可以使用steps()取消补间动画。 贴一个图: ?...,通过梳理分层, 就可以简单的实现出来, 试着重新看看你的动画把~

    55220

    每天10个前端小知识 【Day 5】

    JavaScript中的事件模型有哪些 原始事件模型(DOM0级),标准事件模型(DOM2级),IE事件模型(基本不用)。 3. == 和 ===有什么区别,分别在什么情况使用?...原生遍历方法的建议用法: 用for循环遍历数组 用for…in遍历对象 用for…of遍历类数组对象(ES6) 用Object.keys()获取对象属性名的集合 6. async/await 怎么进行错误处理...CSS动画和JS实现的动画分别有哪些优缺点? CSS动画: 优点 - 浏览器可以动画进行优化。代码相对简单,性能调优方向固定。...对于速表现不好的低版本浏览器,CSS3可以做到自然降级,而JS则需要撰写额外代码。 缺点 - 运行过程控制较弱,无法附加事件绑定回调函数。...代码冗长,想用CSS实现稍微复杂一点动画,最后CSS代码都会变得非常笨重。 JS动画: 优点 - 控制能力很强, 可以动画播放过程中动画进行控制:开始、暂停、回放、终止、取消都是可以做到的。

    13310
    领券