今日は、ウエブサイト作成の受講と言うか相談がありました。
半年ほど前から、Jimdo（ジンドゥー）と言うCMSでコツコツと作っておられ、お手伝いをさせて頂いております。
Jimdo（ジンドゥー）は、HTMLやサーバーなどといった専門知識やスキルは不要で、文章と画像を用意するだけで、あとはレイアウトやデザイン、コンテンツの追加はマウスのドラッグや、クリック操作で、スマートフォンにも対応したウエブページ作る事ができます。
しかし、今日は少し難易度の高いご要望でした。
「Jimdo（ジンドゥー）で音声(音楽）を再生したい」とのご相談がありました。
しかし、Jimdo（ジンドゥー）にはマウス操作だけで簡単に音声ファイルを再生機能を導入する方法はどうもないようです。
音声も動画と同様に今まで（HTML4）は、Flashなどのプラグインを使わないとブラウザ上で再生することができませんでした。
しかし、最近はHTML5ではaudioタグを使えば、HTML5対応のブラウザ上で簡単に音声を再生することができます。
Jimdo（ジンドゥー）もHTML5の仕様に対応しているので、できるはずと思い色々と試してみると、ウィジェットに直接HTML5のaudioタグを記載することで音声ファイルを再生する事ができましたので、ご紹介します。
音声ファイルの保存はJimdo（ジンドゥー）上にも可能ですが、少し不便なので、今回はDropbox（ドロップボックス）を利用します。
※JimdoおよびDropboxの基本操作については割愛致します。
方法
Dropbox（ドロップボックス）の「public（パブリック）フォルダー」に音源を保存します。
Dropbox（ドロップボックス）をブラウザーで開きます。
保存した、音楽（音声）ファイルを右クリックします。
「公開リンクをコピー」をクリックします。
「クリップボードに貼り付ける」をクリックします。
「メモ帳」などのテキストエディタに貼り付けて一時的に保存します。
Jimdo（ジンドゥー）音楽コントローラを追加したい場所に「コンテンツを追加」します。
「その他コンテンツ」をクリックします。
「</> ウィジェット/ HTML」をクリックします。
audioタグで、src属性を使って音声ファイルを指定します。
<audio src="https://dl.dropboxusercontent.com/a/00000/Sleep%20Away.mp3" controls></audio>
音声ファイルのリンク先は、先ほどドロップボックスで、コピーして物です。
ドロップボックス以外に保存した場合は、その場所にリンクします。
「controls属性」必修で、指定することで再生ボタンなどのインターフェースを表示することができます。
通常、音声ファイルの形式は「mp3」で問題ないと思いますが、ブラウザ毎に対応しているファイル形式が異なっていることから、ブラウザ毎に対応するためには、次の様にource要素を使用して複数形式のファイル指定します。
<audio controls>
<source src="sample.mp3" type="audio/mp3">
<source src="sample.wav" type="audio/wav">
<source src="sample.ogg" type="audio/ogg">
<p>HTML5のaudio タグに対応したウエブブラウザで、閲覧してください。</p>
</audio>
<source src="sample.mp3" type="audio/mp3">
<source src="sample.wav" type="audio/wav">
<source src="sample.ogg" type="audio/ogg">
<p>HTML5のaudio タグに対応したウエブブラウザで、閲覧してください。</p>
</audio>
src属性に再生するファイルを指定しすることでブラウザは上から順に再生可能かをチェックします。
そして要素に対応していないブラウザでは全て無視され、その後ろに記述された「HTML5のaudio タグに対応したウエブブラウザで、閲覧してください。」の様な要素が表示されます。
「保存」ボタンをクリックします。
オーディオプレーヤが表示され、再生ボタンをクリックすると再生されます。
Firefox 
Internet Exploreｒ 
Androidスマホ、iOSのSafariでも再生可能です。
今回からWord2016を使用してご説明致します。
（上位レベルに変更）のアイコンをクリックします。
（Tabキー）を使って次の様にしたいとの事です。
（Ctrlキー）を押した状態で、 
（Deleteキー）を押します。
