[:ja]Codropsさんの「Old School Cassette Player with HTML5 Audio」に、ポッドキャスト取り込み機能とリストからエピソードを選択する機能を追加したものを公開しました。

Demo: https://listen.ssr990.com/alt/

Download: https://github.com/magesusu/Cassette-Podcast-Player/archive/1.0.zip

使用する前の設定は、画面上のリンクからソースをダウンロードして、js/jquery.cassette.js内の14行目にある[wc_code]var Podurl = ‘http://magehack.html.xdomain.jp/podcast.xml’;[/wc_code]を自分のポッドキャストのものに変更するだけです。




実は最初はDJコントローラー風のプレイヤー https://listen.ssr990.com/ (オリジナルコード: http://codepen.io/michelinho80/full/GJZgwb )を使っていたのですが、DJでも使い方が分からないという問題が発生し、カセットプレイヤーに変更しました。このプレイヤーのLoadボタンを押してみてください。パーサから得た情報をslickでサムネイル付きリストにして表示しています。かっこよくて気に入っていたのですが、ユーザビリティには代えられませんからね。

ここまで、番組リクエストスタジオポッドキャスト変換アプリなど見向きもされないツールを作成して来ましたが、You tuberなどの動画制作者に便利なサービスの制作予定があります。ご期待ください。[:en]If you are a listener of our station, please visit here directly.

We have created an html5 player with podcast playback function and a function to select episodes from the list. It is based on Codrops’ Old School Cassette Player with HTML 5 Audio.

Demo: https://listen.ssr990.com/alt/

Download (Source code): https://github.com/magesusu/Cassette-Podcast-Player/archive/1.0.zip

For the settings before use,  simply download the source and change the variable in line 14 of “js/jquery.cassette.js” to your podcast one.

[wc_code]//You only need to edit this url before you start to use.
var Podurl = ‘http://magehack.html.xdomain.jp/podcast.xml’;

About javascript code, beginner like me could hardly understand jQuery’s prototype and so on. As I could not edit the code at all, I rewrote it as a simple code and boldly deleted the part I was not sure. (fool)

I have made code like beautiful Steve Jobs into a dirty code that I ignore object-oriented, but please understand.

Until now, I have created tools that everybody can not look at, such as program request tools and podcast conversion applications, but there are plans to produce useful services for movie makers such as Youtuber. Please stay tuned.[:]

Leave a Reply

Your email address will not be published. Required fields are marked *