molpaのLast.fm scroblingおよびHTML5プレーヤー

画像



こんにちは



アルバムで音楽を聴くためのマッシュアップ-molpa.ruについて、すでにハブで2回書いています。 今日は、その革新とその実装の技術的側面についてお話したいと思います。



last.fmのスクロビング



非常にシンプルで快適なAPIのlast.fmにもかかわらず、控えめに言って、なぜ脇何かとでlast.fm skroblingは、何のJSONPとクロスドメインはそれほどではない通常のPOSTで製造し、使用に不便がない、とちょうどブラウザの手段を送信。



これを許可する唯一の方法は、次のような非表示のiframeを介してPOSTを送信することでした。



$ "body" 追加 '<div id = "hide"> </ div>'

find "#hide" html "" 非表示

append '<iframe name = "fm"> </ iframe> <form id = "send" target = "fm" method = "POST" action = "http://ws.audioscrobbler.com/2.0/"> < / form> ' ;



for n in post {

$ "#send" append '<input name = "' + n + '" value = "' + post [ n ] + '" type = "hidden" />' ;

}



$ "#send" 提出する ;


まったくばかげた方法で、完全に使用可能な代替手段があります。





HTML5プレーヤー



回のペースを維持するために何か、私は古いブラウザのために点滅するために戻ってから、サイトHTML5プレーヤーにインストールすることを決め、最初の申請者は選手だったSoundmanagerが、それはあまりにも面倒です、このプロジェクトは、私がモバイルブラウザ用に最適化されるように計画していて、そこにこのような大規模なオブジェクトがありますか何に。



いくつかの時間の検索、私は私のプレーヤーを書き始めた、私は、HTML5のオブジェクトの上にプロセッサとして行うには、それを計画 - オーディオは、この施設のFLASH手段の完全なエミュレーションで、この創造の最初のバージョンは約かかります(正確に覚えていない)フラッシュの5キロバイトそして、非圧縮のjsコードについて、私はただ興奮していました。 ActionScript-かなり単純で快適な言語であることが判明しました。



しかし、一度、プレイヤーをファイナライズする際に、JSとASのさまざまな資料を勉強しているときに、原則として、自分のやり方でやりたいことと同じことを行い、十分に文書化された既製のプレイヤーに出会いました。 最終的に、私は自転車を完成させるのではなく、既成のソリューションを使用することにしました。





今後の計画



私の計画には、モバイルブラウザーとPCブラウザーの両方で同様に便利に使用できる新しいユニバーサルインターフェイスの描画が含まれています。

また、コードの最適化を開始する予定です。サイズの縮小とパフォーマンスの向上を同時に行うか、少なくとも完璧なバランスを見つけたいと思います:)



私の経験があなたにとって少なくとも少し役に立つことを願っています;)



All Articles