Conductor

Performs a visual animation effect that follows specific parts of the music being played in a page.

이용 기술 자바스크립트, HTML5, CSS3, Audio,

  • 조회수 135회
  • 댓글수 1건

현재 데모에 대한 개발자 댓글

This demonstration uses CSS animation effects, specifically transformations, to produce an animated guide experience for a web page, in this case, a web page that has a music resource. The general idea is an experience can be enabled over web pages to toggle pages from its normal visualization state, to an animated view that shows page content in different ways. This demonstration use case features Prelude in C, from J.S. Bach. However, the animated page guide experience can also be used for other pages.

1 건의 댓글 있음

새로운 데모를 추가하려면 로그인하십시오.

  1. Mgalli에 의한 댓글

    Noticed the above, CSS3 properties for transforms, are not 100% compatible with all the other modern browsers. This version has improved compatibility tested also in Chrome, but it has the scaling effect turned off http://taboca.com/p/tagvisor/demo-conductor/. This update is here so it's not cheating to the contest original submission.

About this Demo

소스 다운로드 342.05 KB · ZIP 파일

Browse the Source

현재 데모는 MPL/GPL/LGPL 라이센스 하에 공개되고 있습니다.

더 많은 정보 보기 Marcio Galli