Kurene https://blog.hatena.ne.jp/Kurene/ Wizard Notes https://www.wizard-notes.com/ Flask Python WebApp クロスフェード自動作成 楽曲解析 スクリーンショット 背景 実装戦略・参考ページ サーバへの複数オーディオファイルのアップロード（ドラッグアンドドロップ） サーバ側でのファイルアップロード処理・ファイル保存 クライアント側で、ローカルにあるオーディオファイルを再生 実装 ディレクトリ構成 dropzone_handler.js dropzone_uploader.js style_dropzone.css run.py (Flask) index.html デモ 最後に スクリーンショット デモアプリのスクリーンショット 背景 ユーザがアップロードするオーディオファイルを使ってWebアプリを作成する時に、ファイルサイズによる通… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.wizard-notes.com%2Fentry%2Fflask-jquery-playback-audiofile" title="Flask：オーディオファイルをjQuery.ajaxでアップロードしながら、クライアント側でローカルのファイルを再生 - Wizard Notes" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/K/Kurene/20190127/20190127143147.png Hatena Blog https://hatena.blog 2019-01-27 14:43:37 rich https://www.wizard-notes.com/entry/flask-jquery-playback-audiofile 1.0 100%