这周主要刷题，看了node视频教程，教程比较老，4.*的版本，先搭了本地服务，demo等，后续在补充。这里主要记录下刷题记录。
分糖果1234567891011121314/* 排排坐，分糖果。 我们买了一些糖果 candies，打算把它们分给排好队的 n = num_people 个小朋友。 给第一个小朋友 1 颗糖果，第二个小朋友 2 颗，依此类推，直到给最后一个小朋友 n 颗糖果。 然后，我们再回到队伍的起点，给第一个小朋友 n + 1 颗糖果，第二个小朋友 n + 2 颗，依此类推，直到给最后一个小朋友 2 * n 颗糖果。 重复上述过程（每次...
ffmpeg 几个常用的命令语句合并音乐1ffmpeg -i 1.mp3 -i 1.mp3 -filter_complex '[0:0] [1:0] concat=n=2:v=0:a=1 [a]' -map [a] new.mp3 //合并音乐 n= 2 , 2为合并音乐个数
处理音乐淡1ffmpeg -y -i 2.mp3 -af "afade=t=in:ss=0:d=3,afade=t=out:st=7:d=3" _output.mp3 // ffmpeg 处理音乐淡入淡出
afade : 淡化效果，t=(in || out ) ，...
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post1$ hexo new "My New Post"
More info: Writing
Run server1$ hexo server
More...
视频生成服务基本流程PHP1.将生成任务携带请求信息一起打入生成队列2.直到当前任务在队列中被消费并且生成成功后返回生成成功信息及生成好的信息地址
GO1.循环去读取队列信息2.读取到每条队列信息后将队列中的数据发送到python服务进行视频的生成
Python1.获取视频帧数2.将每一帧信息发送到Node服务去生成每一帧图片3.去除背景视频音乐4.处理音乐时长，音乐淡入淡出5.合并每一帧图片成为视频，合并背景视频，合并音乐
tips：处理方法使用ffmpeg插件来实现extra：处理视频封面封底暂未实现，虽然ffmpeg可以做但是是针对于计算机系统层面做的处理，实现后是可以在系统上看到...
描述 ：因为要做一个文字动画，要使得一段文字中的每个文字单独执行动画，所以必须将每个文字进行分离，计算出原本文字在这一段文字当中的位置
思路 1 起初的思路是根据这一段的文字的文字属性，例如字体大小 , 字间距 , 行高等来计算出每个文字的位置坐标，但是过程当中遇到诸如此类的问题：
中文汉字和英文字母在同样属性下所占的空间不同
各种符号所占空间不同
中英文情况下的符号也表现各不相同
当时面对这些问题时，就停止了这条思考路线，要不就是一点点适配，就算到时候结果出来了，估计在时间成本和效果上也不是很满意
思路 2利用系统自己的渲染方式去实现。
将每个文字用 ++span++ 标...
问题描述一个视频播放的功能，并且可以设置从指定位置开始结束。如果视频是按照正常的从头到尾播放则正常，但是如果设置了开始位置时间后，会导致一个问题便是视频跳转到指定位置后，但是视频并未加载到此位置，就就导致绿屏等类似现象。
解决办法当然这个问题很清晰是什么原因导致的。找了一些办法来判断视频是否加载成功。一开始是用的是 durationchange， 这个只是视频的总时长变化会触发，不准确。后面又用过loadedmetadata ，还是不怎么能很有效的解决。去了官网找信息。解决了。
loadstart 加载开始
durationchange 时长发生变化
loadedmetadata 视频...
css 属性 scroll-behavior123selector { scroll-behavior : smooth;}
此属性设置页面的滚动效果，常用的值是smooth,及让页面滚动更平滑。此属性兼容性堪忧，IOS现在是全部gg
例如之前简单的有锚点的有滚动条的页面，点击对应锚点是之前就出现相关页面，没有过度效果。添加此属性此属性值后，会有一个滚动的过渡效果。
启动全屏 和 关闭全屏12345678910111213141516171819202122232425262728293031/** * 启动全屏! * launchFullScreen(document.documentElement); // 整个网页 * launchFullScreen(document.getElementById("id")); // 某个页面元素 */ launchFullscreen(element) { if(element.requestFullscreen) &...
CSS渐变background: -webkit-repeating-linear-gradient(left, rgb(0, 180, 163), rgb(0, 180, 163) 50%, rgba(0, 180, 163, 0.3) 50%, rgba(0, 180, 163, 0.3) 100%);
用此属性做的是slider等拖动组件，控制渐变颜色显示位置
CSS遮罩 -webkit-mask- 属性12345678910-webkit-mask-position: -71.9766px 0px;-webkit-mask-size: 143.953px 216.797px;-webkit-mask-image: -webkit-gradient(linear, 0% 100%, 100% 100%, from(rgb(0, 0, 0)),color-stop(0.45, rgb(0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.55, rgba(0, 0, 0, 0)),...
