ようこそ。

このページでは、音楽アップロードの方法を説明します。

音楽素材を見つける方法

Denkinovelに最初から入っている音楽で満足できなくなったので、音楽をアップロードすることに私は決めました。

しかしまずは音楽素材を見つけなくては。私がBGMに使いたいのは、「嵐になりそうなジャングルで不安げな鳴き声をあげる動物たち」という環境音なのですが、どうやったら見つかるでしょうか……?

とりあえずFreesoundに行ってみましょうか。Freesoundは無料の音素材が大量に集まっているウェブサイトです。素敵な素材がきっとあるはず。

Tutorial 34 11a17d3883031b8f7598f405d72ffbaee9fb1776c6f1149b57e41b568acce259

Freesoundにやってきました。右側に検索フォームがありますね。ここに「Jungle Thunder」とでも入力して、検索してみましょう。

Tutorial 35 7250ef7c47a6c1d238362718e9d42260a395649acdac4f9537ed9c09e9187150

やった、出ました! ぴったりの音素材です! さらに右下のライセンス条項をよく見ると……おお、Creative Commons 0じゃないですか! Creative Commons 0は作者が著作権を主張しないと宣言しているものです。つまり、著作権を気にせずに使用できます。私はこれを使うことに決めました。ユーザー登録していなかったので、「Register」から新規登録します。登録したあとにまたこのページに戻ってきて「Download」ボタンを押せば、ダウンロード完了です。

しかし、これはwavファイルです。wavファイルは高音質ですが容量が大きく、使いにくいものです。Denkinovelはwavファイルに対応していません。wavファイルをmp3とoggに変換する必要があります。

音楽ファイルをmp3とoggに変換する

音楽ファイルを変換するフリーソフトは探せばたくさん出てきます。今回私はCONVERSIONというウェブアプリを変換に使うことにしました。一度にたくさん変換することはできませんが、気軽に使えます。

いつまで使える?

CONVERSIONがいつまで運営を続けるか私にはわかりません。音楽ファイルを変換するソフトは本当に色々あります。同時に大量のファイルを変換するもの、リネームも同時にしてくれるものなど。興味があれば、探してみましょう。
Tutorial 36 b5925ad417708b8254cc7819fc79588b80662840a4e89488b7bdd823d8be358f

さっきダウンロードしたファイルを選び、出力先を「MPEG-1/2 Audio Layer 3 (.mp3)」に指定して「変換する」ボタンを押します。待つこと数分。

Tutorial 37 75478548d810e4987bddc2b99fafd8ab7c4a8a0ba248726ce4c1cab483a000c4

こんな画面になりました。「完了したファイルはこちらから」をクリックしましょう。

Tutorial 38 ef34c3838029ac533a6c62c823d94c0bce338aa0daf52cc2e1f984cc7e87966c

大成功! 真っ暗な画面に音楽プレイヤーだけ表示されてます。右クリックして「別名で保存」や「名前をつけて保存」を選んで、ダウンロードしましょう。

変換に失敗したとき

容量が大きすぎたり、音楽ファイルの内容が特殊だったりすると変換できないこともあります。そんなときは、変換方式を別のものにすれば、案外簡単に変換できてしまうことも多々あります。色々な変換ソフトを試してみるとよいです。Audacityというフリーウェアは、音楽ファイルの変換はもちろん、音量や再生時間など編集もできる大変優秀なソフトです。いちど使ってみてはどうでしょう。

さらにこのあと、出力先を「Ogg Vorbis (.ogg)」にしてもういちど変換し、ダウンロードします。DenkinovelのBGMとして使うには、mp3とogg両方が必要なのです。

音楽ファイルをアップロードする

さあ、素材音楽ファイルは揃いました。Denkinovelに音楽ファイルをアップロードしましょう!

Tutorial 32 a1f3e3cf2293716c82cbc024070025a9186def48cb5418a78cfec2f1ff8863af

Denkinovelの上にある、ナビゲーションバーの「素材」をクリックすると、「アップロードされた音楽」という項目が出てきます。そこをクリック。

Tutorial 33 8de83e7b0bf3442ff4788c85d7cef64d7479909de0ca1fbd1c37ce91626d7f07

するとこんな画面になります。画像素材とほぼ同じですね。規約を読んでおきましょう。アップロードできる容量は、1ファイルごとに2メガバイトまで。1ユーザーごとに50メガバイトまで。音楽ファイルは画像より容量が大きくなりやすいので注意が必要です。

アップロードに失敗したときは!?

アップロードに失敗する原因として一番多いのは、ファイル容量が大きすぎることです。ファイル容量のせいでアップロードに失敗したときは、Audacityなどを使って、音楽の再生時間を短く編集するとよいです。

今回、私が用意した音楽ファイルはCreative Commons 0。自由に再配布して大丈夫です。なので、「Denkinovel内で公開して他ユーザーと音楽を共有する」にチェックを入れます。

Tutorial 39 4fad059ec8aea8d9f4544a2c12fe0405486582adc5084d1b4918e5b0cccc1ad2

「ファイル選択」と書いてあるところをクリックして、音楽ファイルを選ぶと、すぐにアップロードが行われます。mp3のほうをアップロードしたあと、oggもアップロードします。

Tutorial 40 39ffe96ed0e968d6bd7533536c139cf0d18daea402c66b77314bdff9eeb14943

下にスクロールしていくと……お、さっきアップロードしたjungle.mp3jungle.oggが表示されていますね。アップロードには成功したようです。

音楽情報を編集する

そうだ、音楽情報を書いておきましょう。他の誰かがこの音楽素材を見つけたとき、著作権問題を解決しているか不安になるかもしれません。この音楽ファイルはパブリックドメイン同様に使えることを説明しておかねば。jungle.mp3の青い「編集する」ボタンをクリックしましょう。

Tutorial 41 4eb43e47cf101bd870c0f5a3035dfcd6a18756865e49cd57e6edadd3c3d3b72b

音楽情報を編集する画面では、説明文を編集できます。Markdown記法が使えるので、こんな風に書いてみました。Markdown記法が気になる方は、Wikipediaの記事を読むとよいでしょう。

Tutorial 42 e81edfabfeb13a5b4251ac93ca42b2df715b90180ea7f6156c9f89d4e108fe03

「送信する」ボタンを押すと、こうなります。大きな見出し文やリンクができていて、かっこいいですよね?

アップロードした音楽をノベルに使う

さあ、とうとう音楽をノベルに使います。

Tutorial 44 ed3326eddfb4a7c25f9f453e1dae5f914c14f08fc9d57da85c95204254eb9d06

さきほどアップロードした音楽ファイルのファイル名をコピペして貼り付けます。

Tutorial 61 137507723d2f5c132002add12bb893bb1a6b6e18e775d665d935f51cc0688862

アップロードした音楽ファイルを使うには、こんな風にタグを書きます。通常の[bgm fight]のようなBGMタグとは少し違いますね。[bgm mp3ファイル名 oggファイル名]というように、ファイル名を2つ書きます。mp3とoggの順番はどちらが先でも問題ありません。

他ユーザーがアップロードした音楽ファイルの場合

ファイル名指定が使えるのは自分でアップロードした音楽ファイルのみです。他ユーザーがアップロードした音楽ファイルや、Dropbox、あなたが用意した外部サーバー内の音楽ファイルを利用する場合、このあと紹介する、URLを直接指定する方式をとってください。

どうしてmp3とogg、2つを指定しないといけないか?

その理由はブラウザにあります。世の中で広く使われているブラウザのうち、Firefoxはoggのみ、IEとSafariはmp3のみしかサポートしていません。Chromeのように、両方サポートしているブラウザもあるのですが、ユーザーがどのブラウザを使うかわからない以上、2つの音楽ファイルを指定する方式にせざるを得ませんでした。

さあ、「作成する」ボタンを押すと……?

Tutorial 46 9984d16071a5a35b99d9de952a0e43334b871f4e8fd21a3e30363ee09c672f10

やった、BGMが再生されます! 念のためFirefoxでもノベルを閲覧してみましたが、ちゃんと再生されました。よかった……。

Tutorial 45 5e41398b51644673b5c0a44ef8bbc095d4d16ed9bc861ee820e5d87e2933453f

なお、URLを直接指定して[bgm mp3ファイルのURL oggファイルのURL]というように書くこともできます。他ユーザーがアップロードした音楽ファイルや、Dropbox、あなたが用意したサーバー内の音楽ファイルを再生するときは、この、URLを直接指定する方式を使ってください。

改行に注意

タグ内で改行してしまうとうまく動きません。bgmとhttps、URLとURLの間はスペースのみです! また、日本語のスペースではありません。直接入力(半角)モードを使いましょう。Windowsの人はキーボードの「半角/全角」キーを、Macの人は「英数」キーを押してください。

効果音をノベルに使う

Denkinovel Ver1.1からの機能として、ノベル中に効果音を入れることができます。やりかたはBGMとほぼ同じです。

[se door-chime]というタグを作中に書いてみます。

すると……おお、チャイムが鳴りました。ジャングルのなかにいるというのに、自宅を誰かが訪れたような気分になります。

効果音のアップロードはBGMと同じです。mp3とoggの書き方も同様に、デフォルト以外の効果音を使いたいときはたとえば[se http://se.mp3 http://se.ogg]と書いてください。ちなみにseはSound Effectsの略です。

最初から使える効果音はこちらのページにあります。どうぞご覧ください。

効果音がBGMと違う点として、

  • ループしない
  • 別の効果音が再生されても、前の効果音は止まらない
  • iOSのブラウザでは再生されない

ことがあります。

「別の効果音が再生されても、前の効果音は止まらない」というのは、どういうことかというと……まず、30秒くらいの、ちょっと長めの効果音を使ったと考えてください。たとえば、こんなお経の効果音なんかです。

お経の場面が終わって、次のシーンに進む。全然違う場面に移動です。そんなとき、お経の効果音が続いていたら雰囲気が壊れてしまいますよね? じゃあどうすればいいか?

[se stop]を使ってください!

[se stop]はすべての効果音を止めるタグです。このタグがあるページに来ると、効果音は止まり、静寂な空間が戻ってきます。

まとめ

こうして、音楽アップロードによる自由な演出ができるようになりました。

しかし、Denkinovelに隠された機能はこれだけではありません。さらなるテクニックを身につけたいのならば、また別のチュートリアルに目を通すのがよいでしょう。

最後にひとつ、おぼえておいてください。

環境音をうまく使いましょう。映画を無音で再生すると、その臨場感のほとんどが音で演出されていたことに気づきます。映像だけの映画と、音だけの映画。どちらにより臨場感を覚えるか? 一度試してみてください。きっとあなたは驚くでしょう。読者を物語の世界に招待する方法として、環境音はとても有効です。パブリックドメインでなくても、クレジット表記をすれば使える素材もあります。探してみるとよいです。ノベル作成画面の右下でもおすすめBGM・環境音素材サイトを紹介しています。いちど確認してみることをオススメします。

ついでにもうひとつ。無音はもっとも雄弁なBGM演出です。それまで当然のように流れていた音が、突然なくなる。非常に強いインパクトを読者に与えます。頻繁に使うと効果が弱くなるので、ここ一番のシーンで試してみましょう。

最後にもうひとつ。BGMはできるだけ変えないように気をつけるとよいです。BGMが頻繁に変化すると気が散るし、うるさく感じます。環境音と無音をうまく使い、BGMがノベルの邪魔になることを避けてください。

おや、ひとつじゃありませんでしたね? でもまあ気にしないでください。知っておいてほしいことは山ほどあるのです。

自由に。そして臨機応変に。

それがDenkinovelの哲学です。

別のチュートリアルを見る