透過 Vue.js 框架所製作而成的動態鋼琴網頁，利用該框架管理網頁的聲音檔案，並且紀錄預設樂譜的聲音順序，當使用者點擊播放按鈕時，網頁便會依序播放指定的聲音檔案，完成樂譜的旋律。
網頁主體為設置於中央處的琴鍵按鈕圖示，使用滑鼠點擊琴鍵，即可播放對應的琴鍵聲；也可以使用電腦上的鍵盤進行彈奏。其中，琴鍵所對應的按鍵位置，可以點擊下方功能按鈕查詢。
鋼琴上方的數字區域，是用來表示樂譜的按鍵順序；使用者可點擊播放按鍵，播放樂譜的旋律。當旋律播放時，樂譜將會向左捲動，並提示正在播放的按鍵數字與時間。
若使用者想要更改樂譜旋律，可以點擊鋼琴下方的錄製按鈕，即可新增後續的琴鍵聲；此時彈奏鋼琴，即可編輯樂譜。