时间线

3 月，跳不动了？>>> 这里推荐的是那种不花钱，但是无广告，而且时间线正确的刷微博姿势。 众所周知，微博广告多，时间线混乱，想安安静静刷个微博也不容易，那么怎么样才算是刷微博的正确姿势呢？ 手机客户端 手机端推荐使用「微博国际版」，那国际版好在哪儿？ 首先看下普通微博客户端： 默认的关注列表时间线是错乱的，需要手动选择「最新微博」。 第三条微博是广告，刷新列表广告也会刷新。 每隔一定数量的微博就会出现一条广告，具体规律未知。 界面紧凑，非微博主体内容较多，影响阅读体验。 再来看下微博国际版： 默认时间线是正确的。 每天首次打开的第三条是广告，刷新列表后广告消失。 列表无其他广告。 界面简洁舒适，阅读体验良好。 下图左边是普通微博客户端，右边是微博国际版： 最初的微博国际版是没有广告的，现在虽然有了广告，但只有在每天第一次使用的时候，第三条微博是广告，刷新之后就没有广告了，毕竟官方出品是为了盈利的，而且广告基本对阅读没影响，完全可以理解。 客观说，微博国际版可以说是现在体验最好的官方客户端了。 下载地址： 安卓版： 酷安 、 Google Play 苹果版： App Store 电脑浏览器 如果你喜欢用电脑浏览器刷微博，那么接下来推荐的插件绝对不能错过。 Tampermonkey--油泼猴 Violentmonkey--暴力猴 由于两者的功能和支持的浏览器都差不多，这里我就以

Vue时间线组件 效果 背景   项目需要用到时间线组件，用于选择同一笔记不同时期的内容。一开始打算用elementui的组件，但不适合，于是网上搜了个遍，却没找到合适的，因此自己动手写了个，并记录下来当做vuejs的学习笔记。 步骤 一、创建项目环境 略。。百度 二、创建组件 略，没啥说的，就是新建了个.vue文件 三、写代码 1）写出大概的框架 每个时间段都是如上图所示的结构，左边部分是时间线，右边是内容。 组件模板如下: <template> <div id="time-line"> <div class="item"> <div class="item-index">2020-2-2 2:22:22</div> <div class="item-content">HELLO WORLD</div> </div> </div> </template> 2）css写出时间线 "::before"伪元素作出时间线的节点 .item::before { content: ""; width: 11px; height: 11px; border-radius: 100%; background-color: #91c2fc; position: absolute; left: -15px; } 效果图: "::after"伪元素作出时间线线段 .item::after {

同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止后续的解析，只有当当前加载完成，才能进行下一步操作。所以默认同步执行才是安全的。但这样如果js中有输出document内容、修改dom、重定向等行为，就会造成页面堵塞。所以一般建议把 < script > 标签放在< body>结尾处，这样尽可能减少页面阻塞。 异步在加载的过程中产生一个子进程去加载当前程序，自己去执行下一个程序 特点：单线程的异步就是多线程，只不过用异步的方式表现出来了 异步加载的三种方式 第一种方式： < script defer = "defer" > < / script > 第二种方式：（只能加载src中的脚本，不能把代写在script标签中） < script async = "async" src = "js/logo.js" > < / scipt > 注意：不要在这里写代码 第三种方式：除了以上两种方法，还有一种兼容自己封装的异步加载方式，即动态添加script标签也能实现异步加载。 < script > //异步的过程 var script = document . createElement ( "script" ) ; script . src = "js/logo.js" ; document . head . appendChild ( script ) ; < / script >

快捷键的使用： C：切割视频或音频 shift+C：同时切割视频或音频 A：向后选项 V：切换成正常光标，主要与C切换使用 I：在时间线上载入入点 O：在时间线上载入出点 ~：在源上放大需要剪辑的视频或者音频 +：放大 -：缩小 ，：源中入点和出点之间的视频或音频插入到序列中 。：源中入点和出点之间的视频或音频覆盖到序列中 J：视频向前扫描 L：视频向后扫描 K：停止扫描 HOME：时间线瞬间回到最前端 END：时间线瞬间回到最后端 完整的视频制作流程： 第一步：新建项目，并命名 第二步：导入图片和视频，音频 第三步：新建序列，若是想建立与视频大小一致的序列，只需要将视频拖到左下角的新建项，就可以建立无损序列 第四步：将图片以及音乐拖到序列中，图片在上，音频在下 第五步：点击图片，在效果控件里面点击运动使图片动起来（需要添加关键帧，关键帧中间为运动过程） 第六步：整体播放，观看视觉效果 来源： https://www.cnblogs.com/lzhc/p/7412902.html

JS的异步加载方案有三种 1.defer 仅限IE 2.async html5中新增属性 3.按需加载： 　　创建script标签 　　为其设置src属性 　　成为异步后再插入到dom中 defer 属性 在 < ! DOCTYPE html > < html > < head > < script src = "test1.js" defer = "defer" > < / script > < script src = "test2.js" defer = "defer" > < / script > < / head > < body > < ! -- 这里放内容 -- > < / body > async 属性 < head > < script src = "test1.js" async > < / script > < script src = "test2.js" async > < / script > < / head > 动态创建DOM方式 //这些代码应被放置在标签前(接近HTML文件底部) < script type = "text/javascript" > function downloadJSAtOnload ( ) { varelement = document . createElement ( "script" ) ; element .

九，骨骼动画 1.骨骼动画vs Sprite sheets 你能使用sprite sheets 创建动画，它很快又容易。直到你意识到你的游戏需要大量的动画并且内存消耗越来越高，并且需要时间载入全部数据。为了限制大小，你需要为动画限制到比较低的FPS，然后动画看起来不会如你所期望的那么平滑。这时你就需要骨骼动画了。 2.骨骼动画简介 骨骼动画在cocos2d-x动画是一个技术，一个角色由两部分组成：一个显示的表皮和类似人骨头样的网格。 Cocos2d-x提供了一种方式来在你的应用程序中使用2 D骨骼动画。骨骼动画设置的过程可能有些复杂，但使用起来很容易，当然有一些工具能简化这个过程。当使用骨骼动画时，动画是由几个骨头批次连接组成。影响一个骨头也会影响它下面的所有子元素。通过在每个骨头不同的组合转换,你可以获得不同姿势的骨架。 如果对于一个时间点的每个骨骼使用某个转换定义关键帧，你能插入关键帧来让骨骼动画更为平滑。附加代码中，我使用一个类，名叫Transformation，它包含2D转换数据，如平移，旋转，缩放。然后一个关键帧通过一个帧数被定义成一个这样的转换。一个关键帧定义了一个KeyframeAnimation的集合。最后一个SkeletonAnimation是一个KeyframeAnimations集合,一个用于每个骨骼。另外,你使用一个骨骼,保持关节的列表定义骨骼的层次结构

#预备知识 在 AAF 标准中对 AAF 文件层次定义为三层：时间线、 逻辑素材和物理素材。 ##时间线 在非线性编辑系统中时间线对应于 EDL 表（Editorial Determination List，即： 编辑决策列表） ；在 AAF 中，时间线对应于一个 CompositionMob 对象。 CompositionMob 对象位于 AAF 文件的最上层，在 CompositionMob 上可以添加 各种跟时间有关的元素，如素材，特技、字幕、声音等，从而达到编辑节目的 效果。当用户完成编辑后，AAF 把时间线上的元素按其层次结构存储到 AAF 文 件中，当用户再次打开时，AAF 依次读出时间线上的元素，并显示给用户，这 时便可以向时间线上增加和删除特定的元素以达到用户修改节目的目的。 在 AAF 里素材被存放在 SourceMob 里， MasterMob 是被用于 CompositionMob 间接访问素材的对象，CompositionMob 不必知道素材是具体的 什么类型，就像时间线引用的是一个虚拟的素材，不必关心具体的物理素材。 ##逻辑素材 AAF 组织为了能够更好的编辑 AAF 文件，引入了一个中间层，也就是时间 不再指向具体的素材，而是指向一个逻辑的素材（SourceMob） ，再由它指向具 体的素材（EssenceData）。这样做的好处是当物理素材发生改变是

#EDL #XML #AAF(Advanced Authoring Format) ##AAF介绍 AAF（Advanced Authoring Format）专为视频后期制作和编写程序而设计，是一个专业文件交换格式，XML (Extensible Markup Language)文件在视频后期环境中有相似的功能。AAF和XML都是交换格式，支持传送不同类型的音频、视频、静态图像、图案、文本、动画、音乐及多媒体数据的其他格式。 AAF Wiki ##AAF与MXF AAF MXF文件结构 ##AAF源代码 通过Wiki我们知道了AAF具有SDK， Advanced Authoring Format 。当前时间最新版本为1.1.6。 NewAAFExamples.pdf AAF_File_Format 通过github进行搜索发现具备python版本， pyaaf #MXF #多种软件支持关系 巧用AAF和XML让PR,FCPX,AVID,DaVinci的时间线自由转换！ 来源： oschina 链接： https://my.oschina.net/u/52678/blog/725719

Pr视频剪辑技巧学习 1、如何新建一个项目和素材的导入 在菜单栏中选中文件---新建---项目。 然后自己命名一个名字，位置选一个比较好查找的地方。 素材的导入直接把视频拖入视频框。 2、如何对视频素材剪辑 视频的剪辑有多种方法，第一种直接在时间线上拖拽。第二种可以运用剃刀工具。 3、特效的使用 首先在素材栏中搜索想要的特效，直接拖拽到时间线对应的位置。 在左上角的效果控制栏中对特效更加细节的调试。 4、如何加字幕 时间线旁边有个“T”，点击就可以子视频上输入文字。在效果控件可以对字体参数调试。 5、如何添加音乐 在素材箱中直接把音乐素材拖入音频轨道即可。 6、如何给视频调色 切换到颜色的界面，可以对视频进行调试。 7、做好的视频如何导出 在文件--导出--媒体。 8、如何修改尺寸 把从素材栏导入时间线后生成的文件，右键---序列设置。新建项---序列也可修改视频尺寸。 9、如何抠像 效果--键控---超级键--点击一个小吸管，可以吸取相同的颜色。 10、如何做分屏和画中画效果 效果控件中有裁剪，在效果栏中对视频进行裁剪。两个视频在相同时间线中就可以出现分屏和画中画。 11、如何让你的文字和logo动起来 在效果控件中对文字素材进行调整。拖动文字素材，在效果控件中对位置---码表---关键帧的的开始和结束时间。 12、如何给PR视频配音 切换到音频的界面。编辑---首选项---音频

ctrl+shift+e (光标需要落在,节目/源面板中) 导出单帧 编辑 速度与持续时间 ctrl+r 插入 (光标在源,插入到时间线) , 工具 v 移动 c 剃刀 shift+c 垂直 切割 z 单击 放大时间线 alt+单击 缩小时间线 m 添加标记 shift+m 下一个标记 ctrl+shift+m 上一个标记 ctrl+alt+m 清除当前标记 ctrl+shift+alt+m 清除全部标记 导出媒体 ctrl+m 创建帧定格技巧 ctlr+shift+e 导出单帧, 拖拽到项目面板 双击在 源面板 , 插入到时间线 如果需要 在特效控制台显示 必须要将素材添加到 时间线 视频 效果 运动 缩放 控制 图片/视频大小显示 源面板 插入 覆盖 界面面板 提升,提取 ->删除时间线上指定 提取 ' 效果 找到交叉叠化,右键设置为默认过渡 在时间线上 ctrl+d 可以直接作用 跳转到时间线结尾/开始 home end 跳转到所选时间线的开始/结尾 shift+home/end ctrl+k 在时间线 标尺位置 裁切 =>ctrl+d 应用默认转场效果 自动色阶,自动对比度 优化画面色彩 premiere 导入不了 mov 360软件管家 安装quicktime重启 pre 就可以了 对于字幕有些字体是显示不了的, 用光标上下 直接可以浏览字体,最下面的基本都支持中文 来源