<p>原来我一直没想过要做这个转码的进度实时展示的功能，我一直觉得会比较耗用服务器资源，所以一直都没动手去做，这次CMS2.0的大改促使我开始去完善所有细节，其中就包括了这个转码进度实时反馈的功能。这次利用socketio通信，最后效果非常不错，资源消耗也非常小。</p><h3>功能介绍</h3><p>会根据后台转码中的时候，实时获取到转码进度，然后返回进度条，让用户有一直比较直观的感受，掌控转码的进度。而且我还做了优化，已经可以做到分别针对不同的分辨率做不同的转码进度的展示。</p><h3>视频如下</h3><p><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.leimulamu.com/movie/5ec4dcf131ec047e1d7686ed">https://www.leimulamu.com/movie/5ec4dcf131ec047e1d7686ed</a></p>

EFV智能云转码后台增加多分辨率实时转码进程监控，效果非常不错

<p>EFV智能云转码自带的CMS当时设计的时候，没有考虑那么多，仅仅是作为一个静态前端展示页面在做，但是随着后台转码系统的越发强大，CMS逐渐已经跟不上转码核心的更新了，所以我在5月劳动节的关头，花费了几乎40个小时，整个重写了CMS，没仔细数过，但是跟CMS相关的优化至少也有上百项，包括CMS模板，后台CMS设置，剧集管理，视频管理等。今天我就来讲讲到底我们做了怎样的优化。</p><h2>CMS2.0设计理念</h2><p>易用，高效，速度极快，尽量减少JS,CSS加载，拿来即用，运营便利，所有页面瀑布流改造（首页，分类，标签，播放页，用户页，搜索页），所有页面无限加载，提升用户心流体验，在兼具无限加载加载的基础上提供良好的SEO效果。</p><h2>优化项目节选</h2><p>一、整个重写的模板，我称之为projectx，整个利用uikit构建编写，极少调用其他第三方库，整个CSS和js仅加载5个文件，速度极快。<br>二、导航全面优化，在一个前端设计中，导航至关重要，一个好的导航就已经成功一半。<br>三、PC导航增加全分类，全标签的入口，用户体验极佳。</p><img src="https://www.efvcms.com/poster/5f1fad192e662341ece33292-1590024836446422796.jpg" alt="2"><p>四、移动端顶部导航增加跟随便捷菜单，让用户无论在何种页面都能点击进入目标页面。</p><img src="https://www.efvcms.com/poster/5f1fad4b2e662341ece33294-1590024906610098364.jpg" alt="3"><p>五、针对移动端完全重新设计的滑动导航，所有分类，标签，常用导航都在里边。用户可一次点击就前往自己想要的页面。</p><img src="https://www.efvcms.com/poster/5f1fad6b2e662341ece33296-1590024974797252613.jpg" alt="6"><p>六、所有聚合页面瀑布流改造，因为要做瀑布流所有数据类型都新增了海报2字段，并且在上传海报的时候，自动生成瀑布流使用的海报字段，并且自动获取到海报的宽高属性，此字段可通过API获取，用于瀑布流APP的制作，后面我也会推出瀑布流无限的EFV专用APP。</p><img src="https://www.efvcms.com/poster/5f1facce2e662341ece3328f-1590025105721703836.jpg" alt="1"><p>七、重写云储存代码，上传失败自动重试，改进流程，云储存同步源码基本上重写，而且也独立出了一个单独的云储存同步的子系统，可以分离于主程序运行，不影响主程序运行，独立版本的云储存更加强大，自由设置要监听的文件夹，要监听的文件类型，是否上传完成删除，上传完成删除是否过滤一些文件后缀不删除等，支持wasabi，s3，minio，阿里OSS，七牛云，又拍云等国内外大部分知名云储存服务，详情介绍链接：https://express-ffmpeg-vip.moejj.com/blog/5ec4a5d0e84cb5c0e1a32845<br>八、增加试看时长设置。修复多分辨率排序问题，修复播放器竖屏问题，优化播放页加载速度，后台可自定义用户试看的时长了，随意设置，用户无权限时可观看多少秒的试看内容后台可自定义了，修复了多分辨率可能出现的排序问题，修复了播放器竖屏撑大页面的问题。<br>九、再次修复一个ffmpeg社区存在的BUG，一些录屏软件录屏视频转码失败的问题，因为间隔关键帧过大导致的BUG。<br>十、改造积分价格和最低消费资金，使推广和上传等获取积分的设置更加灵活。原来CMS中积分价格的设置是一个积分多少钱，并且至少只能设置一个积分一元钱，非常不灵活，这次改造成一元钱可购买多少积分，可以设置一元钱购买10个积分，这样设置例如签到获取积分，推广获取积分，上传获取积分，积分点播，积分购买下载权限将会更加灵活，还改造了原来最低购买积分数，改成了最低消费金额，也就是至少购买多少钱的积分。<br>十一、实时生成的供下载mp4随机命名，增加movie字段download和downloadprice。这次设计和制作的下载权限功能太强大了，甚至无需你保留有MP4，后台新增了一个超级API，在提供下载的视频没有mp4的情况下，系统会直接实时根据m3u8生成一个mp4，然后再返回下载，并且缓存至视频下载字段，下次同一个视频再点下载就直接从文件夹中返回，不再实时生成。详情介绍：https://express-ffmpeg-vip.moejj.com/blog/5ebf6daee84cb5c0e1a32844<br>十二、增加 下载 权限购买机制，根据积分数，下载权限持续时长来判定。新增了CMS中的积分下载视频的功能，详情介绍可参照前一项的连接，并且有下载权限时长判断，后台可设置默认下载权限的积分价格和下载权限持续时长，也可以单独针对某视频设置下载权限所需积分数，此下载权限在有效时长内可无限下载，超过有限时长之后需再次使用积分购买下载权限。<br>十三、fluent API 之实时生成指定视频指定分辨率MP4并且返回path。FluentAPI是EFV系统后面的核心价值所在，根据调用api将可达到所有转码或者切片，甚至截图，动态图，生成试看视频等一切功能，第三方调用将可把EFV作为转码SAAS服务实现一切功能。这次为了配合下载功能制作了第一个Fluent API，即传递apikey，apisecret，id，hd就可实时根据ID查询出的视频，根据hd指示的分辨率的m3u8生成一个mp4，并且返回path路径，然后再根据path路径做处理。<br>十四、后台增加用户积分购买记录，后台新增了用户积分消费记录，所有消费管理员都可一目了然。<br>十五、子系统分离计划之二直播服务系统脱离，很多用户不使用直播功能，所以这次直接把直播服务功能脱离运行，有需要可一键运行。<br>十六、projectx增加了对剧集，电影，资讯，图集漫画的支持，音频和直播后面会慢慢支持。<br>十七、CMS可自定义导航，导航现在可自定义了，在config中新建navbar.js，其中便可自定义导航，projectx模板中会自动加载其中的配置。配置案例：</p><pre><code>module.exports = {
    navbar: [{
        title: '热门视频',
        href: '/hots'
    }, {
        title: '试试手气',
        href: '/random'
    }, {
        title: '资讯',
        href: '/articles'
    } , {
        title: '图集漫画',
        href: '/imageslist'
    } , {
        title: '发现更多',
        href: '/discover'
    }]
}
</code></pre><p>如上配置，即模板中PC导航和移动端头部跟随便捷导航，还有滑动导航中都会加载这个导航配置。<br>十八、后台视频库增加实时反馈转码进度，做到不同分辨率的进度实时返回，通过使用socketio强大的实时功能，初步实现了转码进度实时返回，而且是不同分辨率的实时返回，视频：<a target="_blank" rel="noopener noreferrer nofollow" href="https://www.leimulamu.com/movie/5ec4dcf131ec047e1d7686ed￼十九、选择分辨率，记录分辨率信息，下次默认加载此分辨率，用户在前端播放视频时选择的分辨率会记录至后台，后面播放所有视频都默认选择这个分辨率。￼二十、根据视频ID记录播放时长">https://www.leimulamu.com/movie/5ec4dcf131ec047e1d7686ed<br></a>十九、选择分辨率，记录分辨率信息，下次默认加载此分辨率，用户在前端播放视频时选择的分辨率会记录至后台，后面播放所有视频都默认选择这个分辨率。<br>二十、根据视频ID记录播放时长 对应视频刷新自动加载到记录的播放时长 切换分辨率也从记录的播放时长进行播放，用户在任意视频播放时的播放时长都将记录，后面重新进入此视频，会直接从记录的播放时长处开始播放，切换分辨率也会从记录的播放时长处开始播放。<br>二十一、推广可以设置积分，后台可自行设置推广可获取的积分数了，目前可获取积分的途径为：每日签到，推广，上传视频，购买积分。配合一元可购买积分数设置，效果极佳。<br>二十二、新模板增加每日签到功能，新模板有多个每日签到的按钮入口，增强用户每日登录的动力。<br>二十三、新增了用户可直接购买VIP用户组的功能，原来是只能通过购买积分，然后再使用积分购买VIP用户组，现在在保留了积分购买用户组的功能下新增了用户可直接购买VIP用户组的功能。<br>二十四、修改动态图截图为智能截图，从视频中间截图，摒弃开始时长设置。根据测试发现，如果设置了动态图开始截取的时长，如果时长超过视频本身的长度就会不产生动态，改进代码，自动截图视频时长中间位置进行动态图生成。<br>二十五、改进剧集正式发布流程，增加剧集正式发布按钮，添加剧集之后，可能会因为剧集中没有任何内容，导致前台展示出错，所以这次添加了正式发布的功能，用户可在添加好了分集之后，再点击正式发布，这样可做到随心可控。</p><h2>总结</h2><p>在短短一篇博文中没办法阐述这20天来我所做的所有努力，可前往<a target="_blank" rel="noopener noreferrer nofollow" href="https://www.leimulamu.com/">https://</a><a target="_blank" rel="noopener noreferrer nofollow" href="http://www.leimulamu.com">www.leimulamu.com</a>&nbsp;自行体验。</p>

CMS2.0时代，EFV智能云转码CMS变革更新，超百项细节优化，3000行代码，40小时全心投入

<p>原来EFV的内置CMS本身就已经支持了多语言切换的功能，但是有几个缺点是很多用户诟病的，比如虽然切换了语言，但是链接地址没有任何变化，这样不利于SEO，还有就是切换了语言，但是视频名还是中文，分类也是中文，标签依旧是中文。这次我针对这些缺点，花了很多时间改写了很多功能，包括路由整个都重写了，支持了/cn,/en,/tc等多语言切换时链接前缀变化，然后视频名、剧集名、分类标题、标签统统支持了多语言中英文填写，而且对老版本也做了兼容，比如一个视频，只设置了中文标题，那么切换英文时则仅显示中文标题，如果同时设置了英文标题，则会显示英文标题，并且内置cms中所有网页的网页标题都同样做了中英文切换。</p><h2>更新内容：</h2><p>一、新增了多语言前缀的功能，切换多语言时自动切换链接前缀，例如切换简体时，前缀为/cn，切换为英文时，所有链接前缀为/en。</p><p>二、内置cms和后台编辑、数据表都改写了大量内容，支持了中英文视频名、剧集名、标签名、分类名的填写，兼容旧版本，如果切换英文，只有中文内容，则只显示中文内容，有英文内容，才对应显示英文标题。</p><p>三、全线APP源码新增了对安卓12、13版本的适配。</p><h3>截图：</h3><img src="/images/111.png"><img src="/images/22.png"><img src="/images/asdf.jpg"><img src="/images/QQ图片20220425141840.png"><img src="/images/QQ图片20220425141856.png"><p></p><h3>后续一个大商业级应用预告：</h3><p>我最近在思考EFV系统的运营业态的时候发现，其实云视频网盘系统才是其真正的方向，于是我正在搞得就是一个商用级云视频网盘系统，支持容量限制，支持转存，支持生成分享链接，支持提取码，支持提取码填写正确之后的试看，支持转存到自己网盘观看完整版，支持自由创建文件夹，支持视频中心转存现有视频到自己的网盘中，支持一键将已转码完成视频生成网盘资源。</p><p>优势：完全免编辑，免运营，完全脱离搜索引擎即可运营，立马运营立马产生收益，通过在各大社交平台分享分享链接+提取码即可带来用户量，而且用户需要转存资源到自己网盘才能观看完整版，要不然就只能试看，完全解决用户注册数问题。</p><h3>预览图：</h3><img src="/images/QQ图片20220425143737.png">

2022年4月25日更新：重写路由完全支持内置CMS中英文多语言切换（例：/cn, /en, /tc），重写CMS功能现已支持中英文标题、分类、标签的切换，全线APP新增对安卓12的支持

<p>上次预告的Plus SEO CMS正式推出，本来是我另外一个项目的技术路线，但是也许有人用的到，就做到EFVCMS中了。采用<strong>Nextjs+React+TailwindCSS开发</strong>，速度实在太快了，体验过的人无不称赞其无与伦比的速度。全页面预渲染，即当打开首页，其中所有链接都将进行预渲染，你点击任何链接，都是秒开！毫无夸张！。除搜索页面，全页面包括分页都可被CDN缓存，逻辑下面会讲！</p><h3>案例链接：</h3><p><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.plusacg.com">https://www.plusacg.com</a></p><h3>更新内容：</h3><p>一个全新脱离于分离CMS和内置CMS的新的CMS诞生了，此CMS是专用于<strong>移动端APP优先</strong>的<strong>SEO专用CMS</strong>，整个样式全部为我本人手写！<strong>整个css仅3KB</strong>！cms所有的目的只有一个，就是将流量引流至APP，所以仅提供最低分辨率播放，并且提示用户下载APP观看高清版本！仅需要一个文件配置，从<strong>安装到上线仅需要1分钟时间</strong>！LIghthouse<strong>网页质量评分接近满分</strong>！为了加载速度够快，<strong>完全不使用任何播放器</strong>，仅使用hls.js播放m3u8，全部使用浏览器内置播放器！</p><p>功能上只讲两个其中重要的：</p><p>第一、<strong>全页面预渲染</strong>，打开里边所有链接都是<strong>秒开</strong>，不信的话，打开案例链接自行测试。其原理是当打开一个页面的之后，其中包含的所有链接都会进行预渲染，所以当你点击其中任何一个链接，页面都是秒开！</p><p>第二、除了搜索页面，<strong>全页面，包括了分页都可被CDN缓存</strong>！意思就是当配合CDN时，全球任何国家的用户都可以就近，从cdn中加载网页！原理是当用户访问页面A时，判断服务器是否有生成的静态页面版本，如果无，则服务端渲染立马生成一个静态页面版本返回用户，然后在其中的一段时间内其他用户访问都是加载静态页面返回，即所有页面都被处理成静态页面html，而所有CDN都可缓存HTML页面，所以这个功能就实现了！！！！</p><h3>截图：</h3><img src="https://www.efvcms.com/poster/61d7dfaa59c3895c5f178db2-QQ%E5%9B%BE%E7%89%8720220107143557.png"><img src="https://www.efvcms.com/poster/61d7e28259c3895c5f178db5-QQ%E5%9B%BE%E7%89%8720220107143309.png">

EFV智能云转码后台增加多分辨率实时转码进程监控，效果非常不错

功能介绍

视频如下

博文推荐

CMS2.0时代，EFV智能云转码CMS变革更新，超百项细节优化，3000行代码，40小时全心投入

2022年4月25日更新：重写路由完全支持内置CMS中英文多语言切换（例：/cn, /en, /tc），重写CMS功能现已支持中英文标题、分类、标签的切换，全线APP新增对安卓12的支持

Plus SEO CMS正式推出！移动端APP优先的SEO专用CMS，全页面预渲染，全页面可被CDN缓存！