AudioContext【一】无标签播放音频

html播放音频常用的都是用audio标签,如果不可见用样式隐藏然后用js去控制播放,根据audio提供的能力模拟播放进度等等。

这里介绍一种web Audio API 的方式播放, 代码很简单也很容易理解

 const audioContext = new AudioContext();
 async function play() {
    const  res = await fetch('http://localhost/file/audio.mp3');
    const arraybuffer = await res.arrayBuffer();
    const audioBuffer = await audioContext.decodeAudioData(arraybuffer);
    const source = audioContext.createBufferSource();
    source.connect(audioContext.destination); //连接上实例
    source.buffer = audioBuffer;
    source.start();
 }
 button.addEventListener('click', play, false);

成功播放。
体验地址

文章来源: AudioContext【一】无标签播放音频

ffmpeg图片生成mp4添加歌曲

首先图片合成视频

ffmpeg -f image2 -r 1.6 -i ./photo/%d.jpeg ./rst3.mp4
  • -r 1.6秒 间隔可以自由设置

裁切视频

ffmpeg -ss 00:00:00 -t 00:03:03 -i out.mp4 -vcodec copy -acodec copy kk.mp4

从0开始 裁切前3分03秒

合并音视频,添加歌曲

ffmpeg -i rst.mp4 -i qbgn.m4a  out.mp4

更多

儿童编程教育的思考

最近看了一些儿童编程教育的产品,总结整理下,学的最多的还是 Scratch 这个软件

Scratch是一款由麻省理工学院(MIT) 设计开发的少儿编程工具。其特点是:使用者可以不认识英文单词,也可以不会使用键盘。构成程序的命令和参数通过积木形状的模块来实现。用鼠标拖动模块到程序编辑栏就可以了。

以前学编程面对的是各种复杂的算法、英文单词,学起来特别难。有了Scratch软件,就大大降低了学习计算机编程的门槛,我们通过Scratch,就可以像搭积木一样轻松创作出动画、故事、音乐、游戏等作品。

儿童编程教育这个赛道不得不面临的问题 (培训班模式)

更多

webRTC【五】文件传输

前面介绍了 webrtc 音视频流的通信, 根据自己粗浅的理解简单介绍了下, 今天花了点时间看了下DataChannel, 如何通过rtc发送文件,开始的步骤还是一样的 通过websocket 把 offer answer icecandidate 点对点建立

这次的主要提下 createDataChannel
本地端创建

更多