想要在网页中插入看板娘效果，其实很简单，复制复制，粘贴粘贴代码就有了。但具体原理和技术实现是怎样的呢？本文就将介绍Live2D相关技术以及在web网页中的应用。有非常卡哇伊的demo，有必要的截图和源代码展示，希望本文的内容能够对您的学习有所帮助。
文章关键字 ‘audio’
二次元live2d看板娘效果中的web前端技术
2018年05月21日，星期一利用HTML5 Web Audio API给网页JS交互增加声音
2017年06月10日，星期六HTML5 Web Audio API可以让我们无中生有创造声音，而且是各种音调的声音，换句话说，我们通过JavaScript就会创建一个完整的音乐出来，这可能和我们以前的认知有些不一样，例如点击按钮出现一个点击的音效，传统思维可能是需要JS触发一个<audio>音频文件的播放，实际上，并不需要任何额外的资源，十几行JS代码就可以搞定，而这就是本文要介绍的内容。
HTML5 Battery电池状态相关API简介
2014年01月27日，星期一随着HTML5以及CSS3技术支持与发展，以及手机越来越高性能带来的可行性。移动端的页面显然会越来越烧电。例如，流畅的动画效果，模糊阴影等视觉体验。因此可能会出现这样的情况，用户电量快不行了，又没有电源来一发，你的网页还呼呼的烧电，显然，用户一旦感觉到浏览这破页面手机电量流失比武大郎那个还快，怕是会红杏出墙，寻找类似西门庆这种更持久的产品了。
因此，如果网页能够感知手机的电源，我们似乎能够为用户做的更多。比方说，当用户电量不足15%, 需要再来一发的时候……
基于HTML5 audio元素播放声音jQuery小插件
2011年04月28日，星期四在我浮生如梦的大学那会儿，貌似flash网站还有点小火，且大凡有点含量的flash站点上，杂七杂八的音效总是少不了。一部分音效是烘托渲染气氛的背景音乐，另外一部分就是促进互动，增强体验的交互声音，例如按钮按下或者是经过时“哔哔”声或是“叭叭”声。而在那个时候，在远离flash的web页面上鲜有声音的交互，即使有，要想实现兼容性，要不借助控件，要不还是通过与flash交互实现。
随着HTML5的推进与普及，很多以前要借助flash才能实现的效果现在可以很轻松地在网页上实现了。例如音频文件的播放。而本文就折腾点小名堂，让jQuery下轻松实现元素hover时播放声音的效果，基于HTML5 audio元素。
外甥打灯笼——照旧，有demo页面，有源文件下载和源代码展示。总之，希望本文的内容能够对您的学习有所帮助。
HTML5终极备忘大全（图片版+文字版）
2011年03月31日，星期四顾名思意，本文内容算是个小炒，备忘录。主要备忘HTML5的一些内容，从元素到事件，到浏览器支持等。非图片版和文字版，图片版方便收藏，文字版方便传播与即时浏览。总之，希望本文的内容能够对您的学习有所帮助。
翻译-10件Flash可以做而HTML5做不了的事情
2010年11月9日，星期二HTML5可以说是Flash目前最大的潜在的对手，HTML5是否会终结Flash时代是个争议颇多的话题。本文作者通过10个实例展示了目前Flash可以做但是HTML5却无能为力的例子，借此说明Flash离死亡还尚早。到底Flash是垂死挣扎，还是会在困境中前行，这还需要你自己睿智的判断了。
本文实例可以说展示了Flash一些新的且比较强大的应用。无论你是Flash开发者，设计师，还是web方面的工程师，此为对于了解HTML5和Flash的一些特性，功能等还是很有帮助的。翻译能力有限，有些句子的意思自己确实拿不准，所以，要是要翻译不准确的地方，还望见谅，欢迎指正。希望本文能对您的学习有所帮助。
翻译-你必须知道的28个HTML5特征、窍门和技术
2010年08月27日，星期五前端的发展如此之迅猛，一不留神，大侠你可能就会被远远地甩在后面了。如果你不想被HTML5的改变/更新搅得不知所措的话，可以把本文的内容作为必须了解的热身课程。
本文为翻译内容，介绍了28个HTML5相关的技术，知识点等。内容较多，不少内容，我都重新制作了demo页面，并配以截图，希望能对您的学习有所帮助。
我的应用
我的应用