女王控的博客

预研

18 篇文章

基于wavesurfer.js声音波形图的研究

需求背景 最近要做一个声音波形图组件,方便运营人员对声音进行切分,以配合完成人工切分录音的工作 核心思路 利用 ref 属性调用原生方法 解决方案 功能点 点击播放只会在播放区域进行播放,再次点击暂停播放,鼠标右键点击播放区域也可播放 可以添加播放区域,添加时会删除上一个播放区域,按住 shift + 鼠标右键可删除播放区域 可以放大缩小波形图 WaveFormDivider/index.js WaveFormDivider/styles.css 类似实现效果 »

富文本框疑难点处理过程

需求背景 最近要做一个需求类似于富文本框的功能,需要输入带有 span 标签并显示,同时 span 标签是一个整体,只能同时输入同时删除,目前需求只有这一个 html 标签,暂时无其他标签 需求难点 placeholder 提示语 input 和 textarea 能轻松实现 placeholder 提示语的效果,但作用于 contenteditable 的元素,placeholder 不起作用,可以通过 css 的:empty 解决: 获取输入框的内容 可以利用 innerHTML… »

ReactPlayer之IE兼容性研究

需求背景 解决 react-player 控件在 IE 浏览器下声音的播放 核心思路 ReactPlayer 底层调用了 audio 标签来播放音频,video 标签来播放视频,因为在 IE 浏览器下是没有 audio 标签的,所以使用了 embed 标签,其在 IE 下是调用 windows media player,关于其用法如下 功能 播放: MediaPlayer.Play() 暂停: MediaPlayer.Pause() 定位: MediaPlayer… »

0%