code_abc

背景 最近在做业务的时候遇到了一个需要前端抽帧的需求，小小的研究了一下便记录了下来，以便复盘。 大概的需求呢就是说从页面A跳转到页面B后给你视频的url和一些时间节点，我们要抽取这个视频在这些时间节点

前言 不知道大家在使用音乐播放器时，有没有好奇，音乐歌词聚焦的实现，如何实现歌曲和歌词的对应，如何实现歌词的逐字显示的，作为一个热衷探索的人，今天来好好探究下，看看如何实现这些效果。 说明 一般来说歌

vue3 基于网易云api Electro Player 一款基于网易云api构建的在线音乐播放器，具有音乐播放、排行榜、歌曲搜索、我的歌单、历史歌单、查看评论、通过uid简单登录等功能，适用于网页

一、格式化歌词 接口返回的歌曲歌词是字符串形式，需要把格式格式化后提取相关信息用于实现滚动歌词。 歌词示例： 格式化后的数据示例： 格式化使用的函数： 二、歌词滚动 实现歌词滚动需要知道当前歌曲播放的

先上图： 原理 一个audio标签，一个歌曲文件和一个歌词文件，然后就是JS控制歌词滚动逻辑和界面布局 听起来十分简单，但是，真正要不借助任何框架做出来才知道还是挺考验基础功的 1、页面布局 要有一个

简单的歌词滚动效果，不含框架内容，纯html，css，js手写。分别从框架、样式、逻辑入手，一步步实现效果

Githu 开源视频播放器集合，以及视频背景解决方案

如果我们用 Canvas 实现了一些动画效果，需要将它回放出来，很多人通常就是用录屏工具将屏幕内容录下来播放，很少有人知道，Canvas 可以直接通过现代浏览器支持的 Media Streams API 来转成视频。 Canvas 对象支持 captureStream 方法，这…

这是我参与8月更文挑战的第11天，活动详情查看： 8月更文挑战 关键API: HTMLCanvasElement.captureStream()