Rythm.js 让页面跳舞的 Javascript 库开源项目

我要开发同款
匿名用户2017年03月23日
41阅读
开发技术JavaScriptHTML/CSS
所属分类常用JavaScript包、Web应用开发
授权协议GPL

作品详情

简介

Rythm.js是一款能够让页面“跳舞”的Javascript库,它能够让页面支持脉冲、跳跃、摇动、扭动、淡入淡出、变换颜色等特效,同时还可以播放音频,使页面更有趣。

查看演示

API文档var rythm = new Rythm();/* The starting scale is the minimum scale your elements will take (Scale ratio is startingScale + (pulseRatio * currentPulse)); * Value in percentage between 0-1 * Default 0.75 */rythm.startingScale = value;/* The pulse ratio is be the maximum additionnal scale your element will take (Scale ratio is startingScale + (pulseRatio * currentPulse)) * Value in percentage between 0-1 * Default 0.30 */rythm.pulseRatio = value;/* The max value history represent the number of passed value that will be stored to evaluate the current pulse. * Int value, minimum 1 * Default 100 */rythm.maxValueHistory = value;/* Set the music the page will dance to. * @audioUrl : '../example/mysong.mp3' */rythm.setMusic(audioUrl);/* Used to collaborate with other players library * You can connect Rythm to an audioElement, and then control the audio with your other player */rythm.connectExternalAudioElement(audioElement)/* Adjust music's gain. * @value : Number */rythm.setGain(value);/* Add your own rythm-class * @elementClass: Class that you want to link your rythm to. * @danceType : Use any of the build in effect or give your own function; * @startValue: The starting frequence of your rythm. * @nbValue: The number of frequences of your rythm. * 1024 Frequences, your rythm will react to the average of your selected frequences. * Exemples : bass 0-10 ; medium 150-40 ; high 500-100 */rythm.addRythm(elementClass, danceType, startValue, nbValue);/* Plug your computer microphone to rythm.js * This function return a promise resolved when the microphone is up. * Require your website to be run in HTTPS */rythm.plugMicrophone().then(function(){...})//Let's dancerythm.start();//Stop the partyrythm.stop();
查看全文
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论