by jabbany

AmbiencePlayer | 环境播放器 开发（一）

Knh.C新开发项目——AmbiencePlayer.WP ，用于WordPress的环境音乐播放器。

所谓环境播放器，其实就是随着用户设定的程序在音乐播放的同时调整整个网页的环境氛围，进而实现音乐与网页的配色/显示实时同步，至少设计是这样的。

基本模式：页面加载 JS 用于编辑页面格式，载入 FLASH 影片，FLASH请求XML的“环境”数据并播放，通过ExternalInterface的调用来实现

计划是扩展 LRC 格式，定义了“HTML元素组”，通过{}括起操作语句：

[ti:沙耶の呗] [ar:いとうかなこ] [al:] [by:] /* 这些会被播放器忽略 */
[tr:200] /* 定义歌词渐变时间，默认200ms */
[eg:a=#tag,#tag1|b=#tlresp,#tag] /* 定义HTML元素组 */
[00:00.00]{a:style:display:none:0:0}
[00:02.45]{a:transition:text:#fff:#000:200}『沙耶の呗』
[00:04.98]{a:style:color:#fff:0:0}
[00:06.66]{#tag3:transition:background:#fff:#000:2020}《沙耶の呗》ED
[00:08.53]作词：江幡育子 /* 没有动作标记的语句仅仅更新歌词，不会影响HTML页面 */
[00:09.86]作曲：江幡育子
[00:11.48]编曲：矶江俊道

操作语句如下：

{object:type[transition|fade]:entity[text|background|border]:start_value:end_value:duration}
{object:style:css_property:value:0:0}

其中 Object 可为 HTML id (#开始)，或者为之前定义的“效果组”(Effect Group)。

插件在页面插入JS代码，提供相应的变换函数，由flex制作的flash播放器进行处理，控制载入。

载入流程如下：载入文章的同时，播放器插件载入，插入JS和FLASH代码，FLASH根据自动播放设置判断信息，播放音频文件（和可能的循环播放），载入 knLRC 的增强型歌词文件，并根据时间轴发出JS请求。

目前插件在编写中，后续开发报告还会继续。

2 Comments

发表回复

您的电子邮箱地址不会被公开。