しちゃってもいいんですが、再生されていることがわかりやすいように表示させています。要素に対応したブラウザでは「へぇ」の音声ファイルの再生が可能です。全体でも大したコードじゃないので、まずは全部下記に記載して、個別に解説していきます。スライダーを動かすための処理部分ですが、抜き出すと下記のようになります。1ずつ増加していきます。次に、音声再生の処理ですが、ここも抜き出すと下記のようになります。言ってくれなくなってしまいます。することで、再生終了を待たずに次の音声を再生します。他のブラウザだと、次の音声を再生開始するときに、前の音声をキャンセルしちゃうので、いい感じにならないんですよね。ゲージの増加は背景画像でこれをどうしようか迷ったんですけど、簡単に背景画像で対応しました。プロパティでライトにあたる背景画像の位置を動かすことで表現しました。属性の値を変えて、表示を切り替えていくという方法です。2枚の背景画像を設定します。透けて見えている状態になります。位置を指定しておいてあげます。背景画像をずらしていけばいいってことになります。属性値を付けていきます。該当部分だけ抜き出してみると下記のような感じです。});});ということで、これで完成。実際に動作するサンプルは下記で確認できます。サンプル上記サンプルのファイル一式は下記から落とせますので適当にいじってみてください。ファイル)本当は、20回以上はボタンを押せないような処理とか加えた方がよいですが、今回はそこまでやってません。形式に変換ましたが、著作権的に微妙な感じもしつつもフェアユースの範囲ってことでそこはひとつよしなに。マーケティングに関するコンサルティングサービスを提供しています。詳しくはバーンワークス株式会社のサービス案内をご覧ください。協力して仕様策定を行っていくことで、HTML/DOMの仕様が一本化されることが正式にアナウンスされました。先行実装しましたので簡単に紹介。導入してみたらとても便利だったので、導入の手順から実際の利用方法などについて簡単にまとめました。版が新たに追加されました。文法的に妥当かを簡単にチェックすることができます。正式リリースされ、自動更新も提供開始されました。コーデックの有効化などが行われています。観戦、インターネット、音楽鑑賞、筋トレ、腕時計収集が趣味。好物はゼリー、グミ、お酒、ラーメン。いいね!で最新情報を取得この記事が気に入ったらいいね!してください。最新の記事をお届けします。クリエイターが身につけておくべき新・100の法則。クリエイターが身につけておくべき新・100の法則。(yoshiki.kato@gmail.com)。