私は現在、Apple Music、Spotify、AWA、Google Play Music、Prime Music、LINE MUSICの6つの音楽ストリーミングサービスの有料会員になっている。しかしそろそろ3つくらいに絞り込みたいと思い、利用所感をまとめてみた。 曲数や機能の有無などの一般的な比較は既にネット上に多く存在しており、今さら私がそれを論じることの価値は薄いだろう。そのためここでは、利用者として実体験した中で感じた極めて主観的なことを中心に書いていきたい。さらに勝手ながら、派生して思い巡らせた音楽ストリーミングサービスの主に日本市場における戦略や展開に対するささやかな問題提起も後半にまとめてみた。 当然ながら各サービスの機能に関する言及は、このエントリーを公開時点（2017年7月19日）のものである。どのサービスも日々進化しており、あなたがこのエントリーを読んでいる頃には様変
You can read this post in English. みなさんこんにちは、FRESH! でフロントエンドの開発している鈴木(sutiwo)です。 前回は、FRESH!におけるPCブラウザのFlash脱却という HLS の Web プレイヤーについて記事を書きました。 今回はスマートフォン・ PC でのブラウザに関するパフォーマンス改善の取り組みとその結果についてお知らせします。 まずクライアントサイドのパフォーマンス改善を行うにあたり、弊社の Web Initiative Center* から 1000ch 氏に加わっていただきどのようなことを目標とするか議論しました。 * Web プロダクトの品質向上とWeb技術を使ったチャレンジを目的に設立された弊社の組織 議論の様子 議論を行った後、今回の改善で以下のことに取り組むことが決まりました。 Service Worker で
FRESH!で再生が止まってしまったときに、Chrome DevToolsのNetworkタブを見ていたところ、.m3u8というファイルの取得に失敗していることが分かりました。そこから、.m3u8ファイルと.tsファイルを用いて実現されるライブ動画配信の仕組みHTTP Live Streaming (HLS)の挙動について調べ、実際の通信内容と比較して、クライアント側の動作や、ファイルの内容などの仕組みが見えてきました。 その基本的なところについての理解を図解してみたので、ここにメモ＆紹介しておきます。 実際の挙動については、サイバーエージェントの動画配信サービス「FRESH!」および、「AbemaTV」の挙動を参考にしました。 目次 1. HTTP Live Streaming (HLS)2. ２種類のファイルを用意して動画配信する2.1. .tsファイル（動画）2.2. .m3u8（プ
@eaglesakura です。 Cloud Speech APIは、ざっくりといえばGoogle謹製の音声認識APIです。 まだBeta版ですが、非常に良い精度の音声認識（テキスト化）を行ってくれます。 特にStreamingで音声の逐次解析（例えばマイクで集音しながら音声をサーバーに送信し、解析経過をリアルタイムで受け取る）が面白いですが、行なうためには前提が色々と大変なのでざっくりとした手順を書きます。 GCPプロジェクトを用意する 利用するためにはGoogleログインが必要ですので、 APIコンソールからプロジェクトを作成します。 作成後は、APIManager > 認証情報からOAuth2.0クライアントIDを登録します。その時、アプリpackage名と署名鍵のSHA1を登録するのを忘れると認証が正常に行えないので注意してください。 簡単にやるなら、Firebase Projec
知ってることを自分の中で整理するためのメモです。 知ってることしか知らないしそこまで使い込んでないので、間違ってる可能性は多いにありです。 動画配信とライブ配信 Webで動画を配信するには2つのパターンがある 完成した動画ファイルをまるっと取得して再生するか 動画ファイルの一部を「逐次」取得して再生する（ストリーミング）か クライアントサイドとしては、サーバーにあるメディアを逐次取得するだけなので、そういう意味での違いはない 今回の記事は後者の方法について Web = HTTPベースのストリーミング用にいくつかプロトコルがある HDS(= HTTP Dynamic Streaming) HLS SS(= Smooth Streaming) MPEG-DASH このうち、HLS / MPEG-DASHが最近の主流の2つ だいたい似たような仕組みになってて、ざっくりAdaptive Strea
2016/10/15 AbemaTV Developer Conference 2016
動画はデータ容量が大きい 画像と違い、動画コンテンツはデータ容量がとても大きいため、データをダウンロードして再生するまでに待ち時間が発生します。 動画のデータ容量が大きい理由はとても単純で、動画は画像データが集合したものだからです。静止画像を人間の目が滑らかに感じられる速さで切り替えて表示することで絵を動かすという表現を実現しています（よくパラパラマンガに例えられますが、そんな感じです）。この人間の目が滑らかに感じる速さというのが 1 秒間に 30 枚だったり 24 枚を切り替えることになります。29.97 (≒30) fps とか 24 fps とかの数字を耳にしたことがあるかと思いますが、24 fps の場合は 1 秒間（s）の間（p）に 24 フレーム（f）を切り替えることを意味します。 データを全て自分の端末にダウンロードしてから再生しようとすると、かなり長い待ち時間が発生してしま
WebデザインとJavaScriptの技術があれば、デスクトップアプリも自在に作れる時代です。ElectronとReactを使って、SoundCloudの音楽を自由に再生できるデスクトップアプリを作ってみました。 本記事はMark Brown、Dan Prince、Bruno Motaが査読を担当しています。最高のコンテンツに仕上げるために尽力してくれたSitePointの査読担当者のみなさんに感謝します。 GitHubが開発したElectronは、Webデザインのスキルを存分に活用し、クロスプラットホームで軽快に動くデスクトップアプリを作成できます。この記事では、ElectronをReact、ES6、SoundCloud APIと組み合わせて、デスクトップでお気に入りの曲を流せるスタイリッシュな音楽ストリーミングアプリを作る方法を紹介します。また、この音楽ストリーミングアプリをパッケージ
Apple仕様のHTTP Live Streaming（HLS）をアダプティブ配信する環境をAWS（Amazon Elastic Transcoder→S3→CloudFront）で構築して、配信最適化できるか試してみた。 ※Akamaiでの配信方法は以下 動画配信技術 その1 - HTTP Live Streaming(HLS) - Akamai Japan Blog 動画配信技術 その3 - Universal Streaming(HDS/HLS) - Akamai Japan Blog HTTP Live Streamingとは、容量の大きい動画ファイルを10秒ごとに分割して、読み込みながらでも再生できる。特別なストリーミングサーバを必要とせず、通常のWEBサーバで配信ができるのも利点。iOS、Androidともに対応端末が幅広い。 Apple公式の資料 「特別なサーバソフトを使用し
参考：動画配信プラットフォーム on AWS 2014.05.22 Amazon Data Service Japan 上図の中の HLSがHTTP Live Streamingです。 HTTPストリーミングの配信技術で、全てのプラットフォームに対応していると言えます。 (注1) QuickTime Player 10以上や、るMicrosoft Edge（Windows10）で再生可能です。InternetExplorerでは再生できません。 3 構成 HTTP Live Streamingの構成は、次の図で表現できます。 iPhoneなどのクライアントは、Webサーバに配置された動画ファイルにHTTP(HTTPS)でアクセスします（①）。 Webサーバ上の動画ファイルは、メディアセグメントファイル（.ts MPEG-2トランスポートストリームファイル)と、インデックスファイル（
プログラミング生放送勉強会 第33回@株式会社DMM.comラボ（恵比寿） SHOWROOMはAmebaのサービスではないっぽいです。Read less
この文章は、Victor Lazzariniのブログを翻訳したものです。彼は音楽ライブラリPySndObjなどの開発者です。さて、内容はAndroidで音楽プログラミングする場合、NDKを使って処理を高速化してもJavaのAPIを叩く限り不満は残ります。ここでNDKとOpenSL ESを使うことで不満を一掃しています。最後に、翻訳の精度は毎度低いので心配な方は原文と一緒に読まれることを願います。 >>>それでは本文 原文 http://goo.gl/M5vSB Androidのドキュメントやサンプルプログラムであまり触れられない話題にオーディオストリーミングがある。そのズレを埋めるのに、Android Native Development Kit(NDK)でもってOpenSL ES APIの使用検討してみたい。Androidプログラミングに不慣れな皆さんには、様々な開発コンポーネントをどの
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
何かの作業に集中する際に「音楽」や「音」は大切な要素です。 そこで今回は無料で聴けて、さらに作業用BGMとしても使えるとっておきのWebサービスやアプリをご紹介します。 noisli Noisliは、雨音やノイズなど、の環境音が聴けるサービスです。 BGMは「雨」「雷」「風」「森」「葉」「川」「波」「水」「火」「虫の声」「カフェ」「電車」「風車」「ホワイトノイズ」「ピンクノイズ」「ブラウンノイズ」の16種類。 環境音を単体で聴くのはもちろん、音同士を重ねたり、音量も調節できるので自分だけの環境音BGMをつくることができます。 またランダム、生産性、リラックスなどのテーマもあり、自分で決められない人はそのボタンをクリックするだけで、そのテーマにあった環境音ができあがります。 → noisli またNoisliはiOSアプリにも対応しており、下記からダウンロード（240円）できます。 → iP
Nginxの HTTP Pseudo-Streaming (HTTPによる疑似ストリーミング)機能を使ってMP4(H.264/AAC)ファイルのストリーミング配信を試してみました。 * 環境 CentOS 5.8 (x86_64), Ubuntu 11.10 (x86_64) Nginx 1.3.1 gcc 4.4.5 * HttpMp4Moduleモジュールの組み込み Note that this module is only supported in nginx version 1.1.3 and higher in development branch and 1.0.7 in stable branch. ということなのでNginxのバージョンには注意しておきます。HttpMp4Moduleを組み込むにはconfigureオプションを追加してコンパイルする必要があります。 $ ./
勿体ぶる気はなかったのですが、この手の解説記事は若干気合いが必要なのでなかなか更新できなくてごめんなさい。最近drikin.tvでも導入して画期的にUstreamの画質を向上させた配信方法についてのやり方を解説します。 ↑の画像がまさにUstreamで生放送で配信したdrikin.tv ep.48の時の画質です。Safari上の文字もばっちり視認できるレベルの画質を提供できるようになりました。 ちょっと大げさに言ってますが、実はこの配信方法、特に裏技的なことを行っているわけではなくきちんと本家でも紹介している方法です。ただ本家の情報も古いままだしあまり知られてない感じなのでお役に立てればと思いこの記事を書いています。 ポイントは通常のUstreamの配信ページからFlashベースの配信アプリで配信するのではなく、Adobe Flash Media Live EncoderというAdobeが
TwiStは、TwitterStreamingAPIをFlashやAdobe AIRで扱いやすくしたものです。 使い方はこんな感じ。 import jp.hayappli.events.TwiStEvent; import jp.hayappli.net.TwiSt; var ts:TwiSt=new TwiSt("https://stream.twitter.com/1/statuses/filter.json?track=キーワードなど","username","password"); ts.addEventListener(TwiStEvent.RECEIVE_TWEET,receive); ts.startStreaming();//ストリーミングを開始する ts.autoReConnect=true;//自動で再接続する。 private function receive(eve
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
