音频编码与容器关系

关系图

关系图

音频可视化与音频处理

前言

来自于 Web Audio Api

使用 audioContext 演奏音乐

前言

好久没有更新博客,最近研究了web音频。对音频编码格式和音频容器格式略有了解。同时也关注了 Web Audio Api,发现了一些好玩的东西。
例如:

  • 音频可视化
  • 音频处理
  • 创建和弦

等等

使用 electron 编写 rethinkdb 管理软件

Nirethink

采用技术栈

  • electron
  • react
  • typescript
  • mobx
  • blueprintjs

源码地址

github

Develop

1
2
npm install // or yarn add
npm run no

production

1
2
npm install // or yarn add
npm run prod

package

1
2
npm install // or yarn
npm run package

react-typescript-template

readme

A mouth ago. I have write two cli/templte 两个template.
But react-typescript-webpack-cli has a big problem, too slow to compile, so I have refactor the code.

The reason of “Why do you write this article in english?” is that I want to improve my english.
I’ll insist on writing though there will be a lot of grammatical mistakes.

zara websocket based rpc lib

zara

zara is an rpc lib zara

Usage

install

1
2
3
npm install zara --save
// ...or
yarn add zara

server

In Sandbox class, it will save env object when a client connect, different connection with
different env. env will contain userId in default, which is connection id. when disconnect
sandbox will destory automatically.

Then you shou pass ws listen port and Sandbox to Server function to start rpc. default port
is 3189

the-super-tiny-compiler

很简单,这个文章就是 the-super-tiny-compiler 的翻译

我 fork 后仓库地址为 the-super-tiny-compiler-cn

多房间聊天室

演示

新窗口打开

源码

github

Doc

中文 English

多房间聊天室

多房间聊天室,首次进入需要创建个昵称(关闭浏览器会清除昵称),之后可以选择创建一个房间,或者加入一个房间,
加入房间需要输入房间号。

使用工具

  • socket.io
  • react及周边

使用

启动服务器

1
cd server && yarn start

websocket 服务端口在 3333

启动客户端(开发版本)

1
cd client && yarn run dev

客户端在端口9900

构建客户端

1
cd client && yarn run build

构建后的目录在 client/dist下

chat-room

Multi-room chat room, you should enter nickname at the first time when you use this project,
and nickname will be cleared if close the browser. After enter nickname, you can choose create
a room or join a room. Room number is needed when join a room.

Build by

  • socket.io
  • react,redux,react-redux,react-router

Usage

run server

1
cd server && yarn start

websocket port on 3333

run client(development version)

1
cd client && yarn run dev

client port on 9900

build client

1
cd client && yarn run build

LICENSE

MIT

decorator 修饰符

修饰器 decorator 是ES7的一个提案,可以用babel转来使用。

修饰类

js排序算法

前言

填之前的坑几种排序算法的javascript实现
上篇文章只写了冒泡排序,插入排序和快速排序,这篇写一下其他的。

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×