Daddy

Daddy's Office LLC 代表 Windowsアプリケーション…

Daddy

Daddy's Office LLC 代表 Windowsアプリケーション、クラウドアプリケーション、スマホアプリケーション開発を行っています。 防犯カメラソフト LiveCapture3 を公開しています　https://lc3.daddysoffice.com/

  • 24 時間クラウド録画防犯カメラサービスを作る！

    「24時間クラウド録画防犯カメラサービスを作る！」シリーズ記事をまとめました

固定された記事

プログラミングが大好き❤️

はじめましてDaddy's Office という会社の代表をしてます。 会社と言っても妻と二人の会社ですが。。。 業務内容は、各種請負開発の他、10年以上LiveCapture3という防犯カ…

Daddy
Daddy
1年前
26

⑮[最終回] 簡易ライブビュー再生プレイヤーの作成(JavaScript)

前回の記事はこちら はじめに前章で作成したクラウドレコーダが定期的にアップロードするライブJPEG画像を表示する、簡易ライブビュー再生プレイヤーを作ります。 基本的…

Daddy
Daddy
10か月前
5

⑭簡易ライブビュー機能をクラウドレコーダに追加(Python)

前回の記事はこちら はじめに本章では、クラウドレコーダに簡易ライブビューの機能を追加していきます。 なお、本記事の後半は有料記事になっており、ソースコードの説明…

1,200
Daddy
Daddy
10か月前
1

⑬簡易ライブビューの仕組み

前回の記事はこちら はじめにここまでで、カメラの映像をクラウド上に保存し、ブラウザでその動画を再生する機能が出来上がりました。 本章では、ここまでで出来上がった…

Daddy
Daddy
10か月前
1

⑫動画再生プレイヤーの作成(JavaScript)

前回の記事はこちら はじめに今回の記事では、JavaScriptを使ったビデオプレイヤーを作成します。 動画再生処理には、VideoJSを使用します。 なお、本記事の後半は有料…

1,200
Daddy
Daddy
10か月前

⑪CORS(Cross-Origin Resource Sharing)の設定(AWS Lambda)

前回の記事はこちら はじめに前章でM3U8生成Lambda関数の動作確認にVLC Media Playerを使用しましたが、毎回アプリを起動し、URLを入力して再生するのは大変です。 そこ…

Daddy
Daddy
10か月前

⑩M3U8生成WebAPIの動作確認(Python/AWS Lambda)

前回の記事はこちら はじめに前回作成したLambda関数を実際に動かして動作を確認してみます。 動作確認を行う前に、クラウドレコーダを5分程動かして、MPEG2-TSファイル…

Daddy
Daddy
10か月前
2

⑨M3U8生成WebAPIの作成(Python/AWS Lambda)

前回の記事はこちら はじめに本章では、HLS(HTTP Live Streaming)のインデックスファイルであるM3U8を動的に生成して返却するLambda関数をPythonで作成します。 AWS Lamb…

1,200
Daddy
Daddy
10か月前

⑧動画配信用にクラウドストレージの設定を変更(AWS)

前回の記事はこちら はじめにAWS S3上にアップロードされたMPEG2-TSファイルをHLS(HTTP Live Streaming)で配信するには、これらの動画ファイルをHTTPで公開する必要があり…

Daddy
Daddy
10か月前
2

⑦動画配信の構成(HTTP Live Streaming)

前回の記事はこちら はじめに今回のシステムでは、AWS S3に保存された動画を、ウェブブラウザを使用して視聴できるようにしたいと思います。 動画配信のプロトコルには、…

Daddy
Daddy
10か月前
4

⑥クラウドサービスの運用コスト(AWS)

前回の記事はこちら はじめに今回のシステムでは、クラウドサーバーにAWSを使用しています。 無料枠などが設定されていますが、使用していくと、当然コストが発生します。…

Daddy
Daddy
10か月前
2

⑤クラウドレコーダを動かす（Python)

前回の記事はこちら はじめにそれでは、クラウドレコーダ作成して、実際に動かしてみます。 本記事の後半は有料記事になっており、ソースコードの説明と全ソースコードの…

1,800
Daddy
Daddy
10か月前
1

④カメラとの接続情報調査(FFmpeg)

前回の記事はこちら はじめに本章では、クラウドレコーダを動かすための環境構築と、RTSPカメラ/UVCカメラを調査して、FFmpeg の入力情報を取得します。 クラウドレコー…

Daddy
Daddy
11か月前
2

③クラウドの準備(AWS)

前回の記事はこちら それでは、実際にサービスを作っていきたいと思います。 はじめにまずは、クラウドサーバーとして使用するAWSの設定から行っていきます。 ここでは…

Daddy
Daddy
11か月前
2

②RTSPと映像/音声の多重化（RTSP/RTP/MPEG2-TS)

前回の記事はこちら はじめに最近の防犯カメラは、ほとんどがネットワークカメラで、RTSP(Real Time Streaming Protocol) に対応しています。 そこで、今回作るシステムで…

Daddy
Daddy
11か月前
3

①サービスの全体構成

本シリーズの目的本シリーズでは、複数回に分けて、防犯カメラ映像を24時間クラウドサーバーに保存し続けるサービスを作ります。 最後までご覧いただければ、必ず動くサー…

Daddy
Daddy
11か月前
4
Daddy

Daddy

プログラミングが大好き❤️

プログラミングが大好き❤️

はじめましてDaddy's Office という会社の代表をしてます。
会社と言っても妻と二人の会社ですが。。。

業務内容は、各種請負開発の他、10年以上LiveCapture3という防犯カメラソフトを開発・公開しています。

※お仕事のお問い合わせは contact@daddysoffice.com にお願いします

プログラミングが好きです小学生の時にプログラミングに興味を持ち、独学でプログ

もっとみる
Daddy

Daddy

⑮[最終回] 簡易ライブビュー再生プレイヤーの作成(JavaScript)

⑮[最終回] 簡易ライブビュー再生プレイヤーの作成(JavaScript)

前回の記事はこちら

はじめに前章で作成したクラウドレコーダが定期的にアップロードするライブJPEG画像を表示する、簡易ライブビュー再生プレイヤーを作ります。

基本的な作り方は下記で紹介したものとほぼ同じです。

ライブビューを見る前提として、AWS S3のバケットのプロパティで、静的ウェブサイトホスティングが有効になっている必要があります。

設定していない方は以下の記事を参照してください。

もっとみる
Daddy

Daddy

⑭簡易ライブビュー機能をクラウドレコーダに追加(Python)

⑭簡易ライブビュー機能をクラウドレコーダに追加(Python)

前回の記事はこちら

はじめに本章では、クラウドレコーダに簡易ライブビューの機能を追加していきます。

なお、本記事の後半は有料記事になっており、ソースコードの説明と全ソースコードの公開を行っています。

クラウドレコーダの変更点簡易ライブビューを実現する為に、今までのクラウドレコーダにもう一つFFmpegを追加します。

最初のFFmpegから出力されるMPEG2-TSパケットを、MPEG2-T

もっとみる
Daddy

Daddy

⑬簡易ライブビューの仕組み

⑬簡易ライブビューの仕組み

前回の記事はこちら

はじめにここまでで、カメラの映像をクラウド上に保存し、ブラウザでその動画を再生する機能が出来上がりました。

本章では、ここまでで出来上がったシステムに、リアルタイムにカメラ映像を確認するライブビューの機能を追加していきたいと思います。

簡易ライブビューカメラ映像をリアルタイムに確認するライブビューの仕組みはいくつかありますが、今回は、JPEG画像のコマ送りによる、簡易的な

もっとみる
Daddy

Daddy

⑫動画再生プレイヤーの作成(JavaScript)

⑫動画再生プレイヤーの作成(JavaScript)

前回の記事はこちら

はじめに今回の記事では、JavaScriptを使ったビデオプレイヤーを作成します。

動画再生処理には、VideoJSを使用します。

なお、本記事の後半は有料記事になっており、全ソースコードの公開を行っています。

動画再生プレイヤーの配置動画再生プレイヤーは以下の２つのファイルで構成されます。

index.html

動画再生プレイヤーを配置したHTMLファイル

pl

もっとみる
Daddy

Daddy

⑪CORS(Cross-Origin Resource Sharing)の設定(AWS Lambda)

⑪CORS(Cross-Origin Resource Sharing)の設定(AWS Lambda)

前回の記事はこちら

はじめに前章でM3U8生成Lambda関数の動作確認にVLC Media Playerを使用しましたが、毎回アプリを起動し、URLを入力して再生するのは大変です。

そこで、ブラウザ上で録画した動画を再生できるようにしていきます。

言語としてはJavaScriptを使用し、VideoJSを使ってHLS再生を行っていきます。

その時考えなければいけないのが、CORS(Cro

もっとみる
Daddy

Daddy

⑩M3U8生成WebAPIの動作確認(Python/AWS Lambda)

⑩M3U8生成WebAPIの動作確認(Python/AWS Lambda)

前回の記事はこちら

はじめに前回作成したLambda関数を実際に動かして動作を確認してみます。

動作確認を行う前に、クラウドレコーダを5分程動かして、MPEG2-TSファイルをアップロードしておいてください。

また、その録画時刻もメモしておいてください。

Lambda関数の実行前章で作成したLambda関数は、関数URLを作成している為、通常のウェブブラウザからアクセス可能になっています。

もっとみる
Daddy

Daddy

⑨M3U8生成WebAPIの作成(Python/AWS Lambda)

⑨M3U8生成WebAPIの作成(Python/AWS Lambda)

前回の記事はこちら

はじめに本章では、HLS(HTTP Live Streaming)のインデックスファイルであるM3U8を動的に生成して返却するLambda関数をPythonで作成します。

AWS Lambdaとは、いわゆるサーバーレスなシステムを実現する為の、イベント駆動型コンピューティングサービスです。

今回は、Lambdaで、指定した区間の動画を再生する為のM3U8ファイルを、動的に

もっとみる
Daddy

Daddy

⑧動画配信用にクラウドストレージの設定を変更(AWS)

⑧動画配信用にクラウドストレージの設定を変更(AWS)

前回の記事はこちら

はじめにAWS S3上にアップロードされたMPEG2-TSファイルをHLS(HTTP Live Streaming)で配信するには、これらの動画ファイルをHTTPで公開する必要があります。

本章では、MPEG2-TSファイル保存用に作成したAWS S3バケットを、公開する為の設定を行います。

公開の為に実施する設定は以下の2点です。

静的ウェブサイトホスティングの有効化

もっとみる
Daddy

Daddy

⑦動画配信の構成(HTTP Live Streaming)

⑦動画配信の構成(HTTP Live Streaming)

前回の記事はこちら

はじめに今回のシステムでは、AWS S3に保存された動画を、ウェブブラウザを使用して視聴できるようにしたいと思います。

動画配信のプロトコルには、HLS(HTTP Live Streaming) を使用します。

HLSによる動画配信では、専用の動画配信サーバーを必要とせず、Apacheのような通常のHTTP配信機能があれば動画配信が実現できます。

また、CDN(Cont

もっとみる
Daddy

Daddy

⑥クラウドサービスの運用コスト(AWS)

⑥クラウドサービスの運用コスト(AWS)

前回の記事はこちら

はじめに今回のシステムでは、クラウドサーバーにAWSを使用しています。
無料枠などが設定されていますが、使用していくと、当然コストが発生します。
本章では、今回作成するシステムを運用していったときに、どの程度のコストが発生するかの目安を説明します。

最も運用コストが大きいのがクラウドストレージのAWS S3になります。

S3では、大きく以下の運用コストが発生します。

ス

もっとみる
Daddy

Daddy

⑤クラウドレコーダを動かす（Python)

⑤クラウドレコーダを動かす（Python)

前回の記事はこちら

はじめにそれでは、クラウドレコーダ作成して、実際に動かしてみます。

本記事の後半は有料記事になっており、ソースコードの説明と全ソースコードの公開を行っています。

ソースコード概要説明クラウドレコーダは下記の4つのPythonコードで構成されています。

__main__.py

m2ts_muxser.py

m2ts_uploader.py

s3_uploader.p

もっとみる
Daddy

Daddy

④カメラとの接続情報調査(FFmpeg)

④カメラとの接続情報調査(FFmpeg)

前回の記事はこちら

はじめに本章では、クラウドレコーダを動かすための環境構築と、RTSPカメラ/UVCカメラを調査して、FFmpeg の入力情報を取得します。

クラウドレコーダでは下記の処理を行います。

RTSP対応カメラと接続し、映像/音声データを受信する。もしくは、PCにUSBで接続されたUVCカメラ(USB Video Classカメラ)から、映像/音声データを取得し、H.264/AA

もっとみる
Daddy

Daddy

③クラウドの準備(AWS)

③クラウドの準備(AWS)

前回の記事はこちら

それでは、実際にサービスを作っていきたいと思います。

はじめにまずは、クラウドサーバーとして使用するAWSの設定から行っていきます。

ここでは、以下の設定をAWSで行います。

MPEG2-TSファイルを保存するAWS S3のバケット作成

上記S3バケットのライフサイクルルールを設定

上記S3バケットにデータを保存する為の権限を持ったユーザの作成

AWSを使用します

もっとみる
Daddy

Daddy

②RTSPと映像/音声の多重化（RTSP/RTP/MPEG2-TS)

②RTSPと映像/音声の多重化（RTSP/RTP/MPEG2-TS)

前回の記事はこちら

はじめに最近の防犯カメラは、ほとんどがネットワークカメラで、RTSP(Real Time Streaming Protocol) に対応しています。
そこで、今回作るシステムでも、USB接続のUVCカメラ(CSB Video Classカメラ)だけでなく、RTSP対応のネットワークカメラも使える構成を考えていきます。

ちなみに、ネットワークカメラというと、ONVIF(Ope

もっとみる
Daddy

Daddy

①サービスの全体構成

①サービスの全体構成

本シリーズの目的本シリーズでは、複数回に分けて、防犯カメラ映像を24時間クラウドサーバーに保存し続けるサービスを作ります。

最後までご覧いただければ、必ず動くサービスを作ることができると思います。

しかし、本シリーズの目指すところは、ただサービスが出来上がる、というところではなく、設計検討のポイントや、技術内容の説明なども加えながら、インターネット上の動画配信技術の基本的な知識と実装方法の習得

もっとみる