創作內容

2 GP

10/14,類似MIDI製作網頁,為了戶外時能用手機來離線練聽譜和視唱,聽譜完成

作者:李兒諳│2018-10-13 11:42:42│巴幣:4│人氣:129
10/14 09:42 隨機聽譜完成,建議輸入音符數量,否則我預設是5個音符
08:41開始著手隨機練聽譜的功能
結果沒休息,想了一陣子隨機產生音符來聽譜
這功能還是早些結束早些安心,和弦可以考慮改天或者下午再用
既然是隨機聽譜就不用隨機休止符了
不過更新後有加入休止符的功能了

我測了一下,以兩秒鐘的全音符來說
十六分之一音符跟八分之一音符都太短了,所以我時值最低是從0.375秒開始
目前用的是最不需要動腦的隨機音符產生法

10/14 07:42 讓音樂連綿些,也就是提早100毫秒左右播下個音符

推薦測試數據:
7 750 6 750 5 750 f 750 5 1000 6 1000 f 1250

等我手機測完若沒問題後,接著休息陣子,打打電動,然後看要不要看動畫
嗯,成功github切成桌面版,下載zip解壓縮後,chrome輸入file://檔案路徑後即可使用
目前還沒處理休止符
再去想比較費腦的隨機產生譜來練聽譜

若上述很順利的話就可以進展到和弦
(因為隨機產生和弦比較麻煩,我沒和弦的知識,若僅是胡亂幾個音一起發的話我想是沒問題)
和弦的格式我是打算 -1-2-3 (Do Re Mi一起發聲) 這樣
用特殊符號開頭與隔開參與和弦的音符,這樣才比較不用改之前以空格為分界的程式


10/14 07:26 初步打譜完成
但是我覺得音樂的銜接地方不是很好,要改良下,目前間斷的太過明顯,感覺就像有個隱形休止符

----------10/13↓------------
確實花了一個半小時轉檔
目前僅有直笛(不確定,就flute),全音符,音階範圍大概是從第三個八度到第五個八度
八度(十二音階)順序是 1 c 2 d 3 4 f 5 a 6 b 7 高八度是+s 低八度是+b
還沒檢查是不是每個音階都對(因為我是用另存新檔的方式,所以有可能會多打個音符)
一開始用MuseScore轉檔,但大概是使用的編碼器問題,轉出來的音有些抖動
(ffmpeg我不清楚缺的檔案是什麼與缺的檔案要放哪裡,所以改用MuseScore)
所以只好用格式工廠轉檔,雖然轉檔之後時間變長了,但比較有保留MIDI的原始特徵

想做MIDI網頁版,用的是很鳥的技術(<audio>配合play()、pause()這樣)
嗯,我還是比較喜歡音樂相關的
像動畫《昴宿七星》個人覺得不錯的原因
有很大程度是因為片頭曲跟片尾曲個人還算喜歡

能的話是希望明天(10/14)一天之內完成
因為我10/14放假
要是10/14沒完成的話
10/15之後上工我就享受不到成果
會想做MIDI網頁版的原因是
今天(10/13)我逛知乎下跟音樂相關的
發現個個人還蠻欠缺的
就是視唱和聽譜的能力
我吹直笛的,基本上對和弦不熟,管樂器通常沒辦法獨奏和弦,所以才有"弦"字嘛
和弦這邊指的就是鋼琴一次按好幾個鍵,較常見的和弦聽說是一次按三個鍵
那有個練視唱聽譜的軟體是My Ear Training
是有免費版,但不清楚付費與免費的差異
也不清楚途中是否需要連網(我手機4G網路不是吃到飽比較需要顧慮)
個人看了後想了下
我覺得要練視唱跟聽譜
相關軟體若用HTML5來寫應該是很簡單的
就想自己動手做
這樣應該只要把音樂檔下載完之後
就不需要流量了

那剛才在工作的休息時間測試了一下
若是手機內部儲存空間
可以透過Chrome在網址上打 file://storage/emulated/0/檔案所在路徑
開啟網頁
為何要那麼麻煩呢?
因為我不小心預設開啟網頁程式選到HTML檢視器
然後又找不到哪邊可以清掉HTML檢視器的預設開啟
只好自力救濟
HTML檢視器哪邊不好用嗎?
我不確定它是不是有優先使用網頁快取
我<audio constrols> <source src="音樂檔.mp3" type="audio/mpeg"> </audio>確定正確後
我用HTML檢視器開啟是不能播放音效的
但用Chrome就能正常播放

我的想法是
先用musescore或Anvil studio只產生單一樂器的一些音階全音符的MIDI檔後
我大概會選笛子(flute)
再用musescore或ffmpeg轉檔
因為<audio>目前應該是還不支援MIDI檔的播放
那處理和弦的話,是打算直接播放多個音符來解決
若效果不理想的話,那大概只能一個和弦一個和弦的MIDI檔慢慢轉了
但這樣最後的網頁檔所需用到的音樂檔,檔案數量就會很大,載入可能要花較多時間這樣

那要播放的音符若低於全音符的話
就用pause()來阻斷

理想狀況是
有個文字輸入框 可以輸入簡譜,然後播放對應的

那類似MIDI的網頁檔基本上只有兩個功能
1.產生隨機長度、音階的音符,聽完後可以看解答
2.輸入簡譜,然後可以聽對應的MIDI音樂(不過簡譜要怎麼表示和弦我就不清楚如何處理了)

那接著就希望明天順利了
今天大概會先處理下轉檔,應該是不會花太久時間
(策略遊戲隨機那個看轉完檔後還有沒有時間再看要不要寫)
我音階跨度應該僅就三個八度,也就是應該只要36個mp3檔
一個小時內應該可以解決

程式的部份要花多久時間就不太確定了
目前只想到一個個人還不確定要怎麼解決的地方
就是說要播四分音符、八分音符或各類時值的音符
要在什麼時候用pause()
但Javascript有setInterval()
確認全音符的毫秒數之後,其它的用除的,我想這方面問題應該不大
比較麻煩的是要怎麼輸入和弦、高八度音階、低八度音階、時值
和弦應該可以用括號括起來解決
時值的話我可能要訂幾個特殊符號,什麼符號都沒有的話就四分音符
那高八度音階還低八度音階
大概也是用類似手法
用b或s(#,其實樂譜的#是斜斜的#啦,字碼不同,輸入太麻煩故取第一個字)代表

嗯,希望明天順利!!
我猜今天不管再怎麼順利
大概都無法在今天內做完啦
所以只能寄望明天了

做完之後我還要下載到手機看運作的是否像在電腦上一樣順利
這樣以後上工的休息時間就比較知道要做些什麼!!
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=4160491
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:My Ear Training

留言共 0 篇留言

我要留言提醒:您尚未登入,請先登入再留言

2喜歡★y541258 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:10/12,觀動畫有感,... 後一篇:10/15,midi.h...

追蹤私訊切換新版閱覽

作品資料夾

Lobster0627全體巴友
大家可以多多來我的YT頻道看看哦(*´∀`)~♥https://www.youtube.com/@lobstersandwich看更多我要大聲說昨天18:34


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】