Video.jsã¨HTTP Live Streamingã§å‹•ç”»é…信サイトを構築ã™ã‚‹ãƒ¡ãƒ¢æ›¸ã | work.logmp4を直接é…ä¿¡ã˜ã‚ƒãƒ€ãƒ¡ãªã®ï¼Ÿ 実ã®ã¨ã“ã‚ã“ã‚“ãªçœŸä¼¼ã—ãªãã¦ã‚‚ mp4 å½¢å¼ã®å‹•ç”»ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ <video> ã‚¿ã‚°ã«ã‚»ãƒƒãƒˆã™ã‚Œã°ç°¡å˜ã«å‹•ç”»é…ä¿¡ã¯ã§ãã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã‚Œã«ã¯çµæ§‹ãƒ‡ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã£ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®äº‹ã‚’考ãˆã‚‹ãªã‚‰ HLS å½¢å¼ã§ã®é…ä¿¡ã‚’ã—ãŸã„所ã§ã™ã€‚ mp4ã¯å†ç”Ÿã‚‚シークもé…ã„ mp4ã ã¨ç„¡é§„ãªãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å¸¯åŸŸã‚’消費ã™ã‚‹ ç°¡å˜ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ä¿å˜ã•ã‚Œã¦ã—ã¾ã† 良ãも悪ãã‚‚ mp4 ã¯ä¸€æœ¬ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é…ä¿¡ã™ã‚‹ãŸã‚ã‹ã€ç–‘似ストリーミングã§ã‚‚å†ç”ŸãŒå§‹ã¾ã‚‹ã¾ã§é…ãシークã§å›ºã¾ã‚Šã‚„ã™ã„ã®ãŒé›£ç‚¹ã§ã™ã€‚ トラフィックデータを計測ã—㦠HLS 㨠mp4 を比較ã—ã¦ã¿ã‚‹ã¨ã€åŒã˜ä½ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³æ•°ã§ã‚‚ mp4 ã®æ–¹ãŒç„¡é§„ã«ãƒˆãƒ©ãƒ•ã‚£ã‚¯ãŒæµã‚Œã¦ã„ãŸã‚ˆã†ã§ã—ãŸã€‚ mp4 -> HLS ã«åˆ‡ã‚Šæ›¿ãˆãŸå¾Œã¯ä½“æ„Ÿçš„ã«ã‚‚æ—©ããªã‚Šã€ãƒˆãƒ©ãƒ•ã‚£ã‚¯é‡ã‚‚削減ã§ããŸã®ã§æœ¬æ ¼çš„ã«ã‚„ã‚‹ãªã‚‰ HLS を採用ã—ãŸã„ãªã¨å€‹äººçš„ã«ã¯æ€ã„ã¾ã™ã€‚
Amazon CloudFront 㧠HLSå‹•ç”»ã®ãƒ—ライベートオンデマンドé…ä¿¡ã‚’è¡Œã†æ–¹æ³• - akiyoko blog
ライブ動画é…信プãƒãƒˆã‚³ãƒ«ï¼ˆHTTP Live Streaming, HLS）ã®æ¦‚è¦å›³è§£ãƒ¡ãƒ¢ï¼ˆAbemaTVï¼FRESH!）
{{#tags}}- {{label}}
{{/tags}}