gh-blog
gh-blog copied to clipboard
soussune湊川さん回編集作業
soussuneというポッドキャストをやってるのですが、1月に湊川あいさんと収録した回を(ようやく)編集してます。
自分の勝手なこだわりとして、soussuneは単に音源を載せるだけじゃなくてブログ記事のように読み物として読めるようにしたいなと思ってるので、話の流れや要点をテキストとして可視化しようとするところにわりと手間をかけてます。
そういう作業はSoundCloudみたいに音源のタイムラインに対してコメントをつけていけば編集しやすそうだなと思い、前々回くらいから類似サービスの hearthis.at というサイトに音源をアップしてやってます。(SoundCloudは音源の長さで制限がかかってしまうためポッドキャスト向きではなくて、hearthisのほうは週に1GBいけるので実質無制限)
Hearthisで音源再生して内容チェックする際、等速だとつらいので早回しで聴きたいわけですが、音楽サイトにそんな機能は普通無いので、Audioオブジェクトを制御してる部分を見つけ出してbookmarkletで速度設定するというフロントエンドらしいことをしました https://t.co/nhH44XGGZp
— みやおか (@miyaoka) 2018年1月15日
単にhearthisを使うだけだとやりたい作業としてはいまいちだったので、再生速度をコントロールしたり、ショートカットで前後スキップできるようにしたりといろいろ独自にブックマークレットで機能を追加してます。このへん、サイトのフロント技術がわりとレガシーでグローバル変数を使ってるところから見当つけて制御を奪ったりしてます。まあまともにメンテ出来るものではないので業務では絶対やりたくない感じですが、これもフロントエンドだなあと。
久々に #soussune 作業中。hearthisというサイトに音源アップして、コメントつけていくことで内容まとめを行ってる様子を録ってみました。やりやすいようにスキップやエクスポート機能などこのサイト用に作ったブックマークレットで魔改造してます https://t.co/WViQ7iUi0S pic.twitter.com/cVqRtorV2Y
— みやおか (@miyaoka) 2018年3月11日
ニッチな技術なので実際やってるところを録画してみました。複数人で音源を共有してweb上でコメント書いて共同編集していくというのがやりたくてこういうサービスにタダ乗りしてやってるんですが、今ならバックエンドはContentfulとか使ってクライアント書けば自前でも手早くいけそうかなと思います。