Skip to content

python flask-dropzone-wavesurfer 使用Python Flask 搭配 Dropzone.js 和 WaveSurfer.js

License

Notifications You must be signed in to change notification settings

twtrubiks/flask-dropzone-wavesurfer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

flask-dropzone-wavesurfer

flask-dropzone-wavesurfer 使用Python Flask 搭配 Dropzone.js 和 WaveSurfer.js

使用Python Flask 搭配 Dropzone.js (可拖曳檔案上傳) 以及 WaveSurfer.js (播放音樂)的簡單範例程式,希望大家會喜歡:smile:

特色

執行說明

請先確定電腦有安裝 Python

使用下列指令安裝套件

pip install -r requirements.txt

接著使用下列指令即可運行

python flask-dropzonejs.py

如下圖
alt tag

接著用你的瀏覽器瀏覽 http://127.0.0.1:5000/

執行畫面

http://127.0.0.1:5000/ 為首頁 ,首頁畫面很簡單 alt tag
可拖曳想要上傳的音樂檔(mp3)以及圖片檔(.jpg .png .gif .jpeg)
alt tag 檔案上傳完畢
alt tag 接著可以重新整理網頁(F5),剛剛的資料會顯示在網頁上 alt tag 上傳的檔案會被保存在以下路徑 flask-dropzone-wavesurfer\static\uploads

音樂也是可以播放的哦,點播放的小圖示即可。
alt tag

External JS

執行環境

  • Python 3.5.2

License

MIT license

About

python flask-dropzone-wavesurfer 使用Python Flask 搭配 Dropzone.js 和 WaveSurfer.js

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published