menu

音楽とマウスでビジュアルを操作(Adobe Muse CC)

【Adobe Muse】の機能を利用したコンテンツを紹介しています。
サードパーティウィジェット「Audio Visualizer Set」Widgetは、
5つのカスタマイズ可能なビジュアルを音楽とマウスの操作によって、
面白い効果を画面一杯に表現することが出来るようになります。

※音源は「フリーBGM(音楽素材)無料ダウンロードDOVA-SYNDROME」のものを使用しています。
https://dova-s.jp
※ Internet Explorerはオーディオビジュアライザをサポートしていません。
※レスポンシブ対応

▽サンプル1
・デフォルト設定のまま音楽を付けています。
live-preview

▽サンプル2
・各ビジュアルの設定を変化させ、音楽のストップ&プレイボタンを設置しています。音楽も差し替えています。
live-preview

▽サンプル3
・1〜3はページ内にテキストと写真を掲載。4と5は別のWidgetを組み合わせて使用。
live-preview

▷Adobe Museでホームページの制作/岸岡デザイン事務所
http://y-kishioka.com

▷Movie Web Magazine/KISHIOKA.DESIGN
http://kishioka.design

webflow002-01スライドショーの設置(webflow)

webflow003-01基本要素の設置(webflow)

関連記事

  1. animated-numbers-01

    数字のアニメーションが目を引きます(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  2. span-slider

    フルブラウザの幅で表示するスライドショー(Adobe Muse)…

    サードパーティウィジェット「Span Slider」Widgetを利用することで、フルブラウザの…

  3. animate-sample11

    ステージをクリックする度にムービークリップが置き換わります(Ad…

    ◎HTML5 CanvasではFlashプラグインを使用せずにインタラクティブコンテンツの表現を…

  4. kishioka-design_sample001_01

    サンプルブログ001の制作(MusexPress3.x)

    ※2017年6月8日ブレークポイントを追加してのレスポンシブ対応を試みたのですがエラー発生。…

  5. image-expand01

    イメージのフルサイズ表示(Adobe Muse CC)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェット「…

  6. table-connect01

    動的な機能を備えたテーブルの作成(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。サードパーティウィジェッ…

  7. table-maker

    表組の作成(Adobe Muse)

    サードパーティウィジェット「Table Maker」Widgetを利用することで、表組作成機能の…

  8. muse-Introduction2-5

    Adobe Muse CCならブラウザ上から更新可能。 (Ado…

    Adobe Muse CCならブラウザ上から更新可能。 (Adobe Muse) from ya…

PAGE TOP