2017-07-17

Pythonで楽曲のスペクトルの動画の作成のメモ

以下が構成するモジュールとかアプリケーション
・matplotlib
・imagemagick
・FFmpeg
・PyAudio
・NumPy

以下のページのサンプルが素敵
Frequency spectrum of sound using PyAudio, NumPy, and Matplotlib · GitHub

matplotlibがmp4が描き出せるというのが、
楽曲のスペクトルでなくとも、手軽そうで素敵です
matplotlib でアニメーションを作る - Qiita

しかし、悲しいことにこれだけだとうまくいきませんでした
Mac特有の問題と記事の時期とのズレが問題かと

まず、Macだとmatplotlibがいうことを聞いてくれないので、
以下のページを参考に、設定ファイルmatplotlibrcを書き換えました
matplotlibで簡単にアニメーションをつくる（mp4, gif) - Qiita
pyenvとvirtualenvで環境構築した時にmatplotlib.pyplotが使えなかった時の対処法 - Qiita

次に、FFmpegです
サンプルだと -acodec libmp3lame となっていますが、これが通らず
mp3のエンコーダー lame が未インストールだからだろうと推測しつつ
以下のページに倣って、 -acodec aac としたら通りました

http://dev.classmethod.jp/etc/ffmpeg-create-movie-by-audio/

2017-07-16

Pythonでプロトタイプするときはモジュール化しておこう...

Python 雑談 / chat

Pythonでプロトタイプするときはモジュール化しておこう...
と思った

とりあえず、main でも test でもなんでもいいから関数化しておくだけでも
随分違いそうなことがわかった

今、PythonでMIDIをいじってみています
ちょっとしたパターンを生成するソースは、まぁ、すぐにできました
となれば、それを再利用したり、ガリガリ大量生産してみて、
「ふむ」と言ってみたくなります

ここで、じゃあそれをせっかくだからPythonでやろうと思ったわけです

スクリプトファイルとモジュール化 — PyCon JP 2012 Pythonプログラミングハンズオン(初級者向け) documentation

シェルでスクリプトそのものを動かす、引数入れ替えるだけー...よりは、
ちょっと面倒だけれども、モジュールとして関数をガリガリ再利用できるのは、
ソースコードさえ、再利用に耐えうる書き方をしておけば、全然素晴らしいですね！

Pythonの利点もイマイチわからないし、
そもそもPythonがなんなのかわからないけれども
身近なPythonianからは、シェルを使っていると「Pythonはスクリプトだから、もともとそういうのもPythonが得意なはずだから、Pythonでやりなよー」と啓蒙されてきました
その良さの一端を垣間見た気分です

2017-07-02

Canvas関係のグラフを描くライブラリを使ってみた

Canvas HTML5 JavaScript

<概要>

Canvasの練習です.
前回、"Canvasで、任意長の配列で折れ線を描いてみる"してみました.
次は、軸を描いてみて、グラフにしたいと思ったわけです.
そういえば、ライブラリが無いわけがないと思いまして、探して使ってみました.

今回使ってみたのは、次の2つ.
・Chart.js
・CanvasJS
他にも色々ある中でこれらに目をつけたのは、とりあえずはフリーだから.
それでいて、比較的データ自体の入力以外が少なそう...と思ったから.
しかし、いざやってみると細々としたオプションを設定したくなってしまったのでした.
↓とりあえず、同じデータで同じようなオプションを設定してみました↓

・Chart.js

・CanvasJS

Chart.jsは、凡例をクリックしたらそのデータの表示がトグルできるんですね！デフォルトで！これは素敵です.
しかし、デフォルトで表示時のアニメーションと線の下の塗りつぶしがついているのはイマイチです、チャーミングですけれども。
また、デフォルトで折れ線部分が丸くなるんです.これを外すのにしばらく悩みました.

CanvasJSは、とりあえず凝ったことをやろうとしたら有料らしいです.怖くて使いづらいです.
データ入力が単純な配列じゃなくて、{y:value}って具合にいちいち格納しないといけません.特定の値だけにlabelをつけられるのは良さそうですが.
今回はまだ使っていませんが、Spline Chartが用意されているのが気になるところです.

<結論>

どちらを使っていくのか全然悩む程度には、どちらも今ひとつでした.

<参考文献>

Chart.js | Open source HTML5 Charts for your website

【Chart.js】折れ線グラフの色設定

Beautiful HTML5 JavaScript Charts | CanvasJS

JavaScriptで爆速グラフ・チャートが作成できる「CanvasJS」を使ってみた！ : うえぶはっく

2017-06-25

Canvasで、任意長の配列で折れ線を描いてみるテスト

Canvas HTML5 JavaScript

<概要>
Canvasの練習です.
任意長の配列で折れ線を描く.これを関数したら楽にならないかな、と思っている次第であるためです.

やってみた事は単純です.
1.座標点の配列を定義
2.配列の各点を、canvasの折れ線の終点として次々に設定 : context.lineTo
3.ついでに各点の座標点に、塗りつぶした円を点として設定

やってみて意外だったのが、起点の座標の設定 context.moveTo が省けてしまった事です.
起点を設定せず、最初の終点として起点を設定しています.

<参考文献>
canvasを使ってグラフを描く - Webサイト制作最新トレンドの傾向と対策 | Webデザインとグラフィックの総合情報サイト - MdN Design Interactive

2017-06-11

PythonでMIDIをいじってみる準備とりあえず、pretty_midi

Python MIDI

Python で MIDI をいじってみようとしています。
とりあえず、pretty_midi にしました。

・なぜ pretty_midiか
理由１：ノートのon/offを1回の関数呼び出し(?)でできる。
理由２：和音できそう。
理由３：TensorFlow製音楽生成プロジェクト「Magenta」で用いられている。
理由４：わかりやすそうなサンプルコードの記事があった。
↓こちらがその記事です
pretty_midiを使って、PythonでMIDIファイルを作成する - Qiita

・参考にした記事

PythonでMIDIを扱うパッケージ midiとpretty_midi - Qiita

・つまづいた
pretty_midi のインストール以前の pip のインストールでつまづきました。
Python、むずい。

いつの間にかpipのインストールが楽になってた件 - Qiita

pipのインストールにハマって悲しい思いをしているたぶんEl Capitanなあなたへ - Qiita