目录应包含文件
input.mp4videokey.infovideo.key
videokey.info文件内容示例
http://example.com/video.keyvideo.key
video.key文件内容示例
DMvkBs7vNlok1kj9
切片并加密
ffmpeg -i input.mp4 -c copy -bsf:v h264_mp4toannexb -hls_time 5 -hls_list_size 0 -hls_key_info_file videokey.info output.m3u8
-hls_time 设置每片的时长，默认值为2。单位为秒
-hls_list_size 设置播放列表保存的最多条目，设置为0会保存所有切片信息，默认值为5
由于解密的key文件都是公开的，所以并不能算上完全加密，用户只要把你的key+m3u8里的ts切片文件全部下载，用ffmpeg还是能解，这时就要考虑url的key防止用户直接下载和盗链。
ThinkSNS们团队在使用laravel，不错，挺合我意。 但明显能感觉出来一个半开源的框架是多么的不负责任。
singleton和bind都是返回一个类的实例，不同的是singleton是单例模式，而bind是每次返回一个新的实例。
前后端渲染，懒加载
组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。
原因其实不用多说，就是利用Nuxt.js的服务端渲染能力来解决Vue项目的SEO问题。
onBackPressed()提供的功能有限，它这是在退出之前通知onBackPressed()方法，并不能改变用户原来的行为 利用onKeyDown方法，就可以实现
在Web应用中，实现动画效果的方法比较多，Javascript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animation 来实现，html5 中的 canvas 也可以实现。除此之外，html5 还提供一个专门用于请求动画的API，那就是 requestAnimationFrame，顾名思义就是请求动画帧。 为了深入理解 requestAnimationFrame 背后的原理，我们首先需要了解一下与之相关的几个概念：
JavaScript利用正则表达式过滤特殊字符，关键之处是正则表达式的正确性和完整性，保证常见特殊字符都可以过滤掉。 但是，这个正则表达式有一个弊端，不能过滤掉“\”特殊字符。
移动端h5的三大抽奖方式：转盘，老虎机，翻纸牌。 前两样demo比较多，用户也审美疲劳了。这次微信公众号要抽奖，于是调研了下翻纸牌。
pixi.js学习资源