ラズパイで半永久同時配信する際たぶん一番簡単な方法

## 結論から

* ラズパイをGUIバージョンでセットアップ
    * 画面解像度やらなんやら設定
* [Restream.io](https://app.restream.io/) を使う

これだけでオッケー

## やったこと

<iframe width="100%" height="400" src="https://www.youtube.com/embed/KIueRUDFJD8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

以前に展示したインタラクティブな作品をYouTube Liveや他の配信サービスを使っていつでも誰でもどこからでも参加できるようにしようと思いました。

動画で移っているプロジェクションしている画面をYouTubeでずっと配信しするイメージです。

(現在はいったん止めています。たぶんRestreamをログアウトしたときに配信止まっちゃってたかもです。ラズパイは落ちてなかったでした。)

### ラズパイのカメラではなく、描画している画面を配信したい

[![Image from Gyazo](https://i.gyazo.com/5b3ce5b757d7d67cc5e07834aac34571.png)](https://gyazo.com/5b3ce5b757d7d67cc5e07834aac34571)

ラズパイにつけるカメラを利用した配信はいくつか情報はあったのですが、こういった画面描画処理を行った(ブラウザの)画面を配信する情報が見当たらなかったので共有したいと思いました。

## やりかた

最初にかいてあったとおり一番簡単な方法は2ステップかなと

### 環境

* RaspberryPi4 4GBバージョン
* RaspberryPiOS 2021-03-04リリースバージョン
* MacOS 11.2.3

### Step1. ラズパイをGUIバージョンでセットアップ

https://www.raspberrypi.org/software/

現在ではラズパイOSの書き込みを公式のアプリ(Raspberry Pi Imager)から簡単に素早くできます。

[![Image from Gyazo](https://i.gyazo.com/b19c376ec7f07b32019c37826caf1bbd.png)](https://gyazo.com/b19c376ec7f07b32019c37826caf1bbd)

一番上の「... Raspberry Pi Desktop」でいいと思います。

#### すでにCUIバージョン入れちゃってる場合

https://walking-succession-falls.com/%E3%83%A9%E3%82%BA%E3%83%99%E3%83%AA%E3%83%BC%E3%83%91%E3%82%A4%E3%81%ABGUI%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B

https://itengine.seesaa.net/article/445451730.html

自分はやれてないですが、情報もいくつかあります。

#### VNCあると楽

ラズパイにはSSHで入れること前提として、

```
$ sudo raspi-config
```

[![Image from Gyazo](https://i.gyazo.com/15be27058cf6849ac8dd65401e956d4e.png)](https://gyazo.com/15be27058cf6849ac8dd65401e956d4e)

「3 Interface Options」内の

[![Image from Gyazo](https://i.gyazo.com/aa4fd275c214c90383568b6e18ef6b46.png)](https://gyazo.com/aa4fd275c214c90383568b6e18ef6b46)

「P3 VNC」

[![Image from Gyazo](https://i.gyazo.com/0dad6a382984c3b8a7b8cfdc386d78a1.png)](https://gyazo.com/0dad6a382984c3b8a7b8cfdc386d78a1)

「はい」（日本語化されてない場合、違う表記だと思います…）

自分の手持ちのMacからは[VNC Viewer](https://www.realvnc.com/en/connect/download/viewer/)を自分は利用してます。

#### 解像度変えるとよい

[![Image from Gyazo](https://i.gyazo.com/92fc2fbb77c80c4954daadfa6e3f116c.png)](https://gyazo.com/92fc2fbb77c80c4954daadfa6e3f116c)

[![Image from Gyazo](https://i.gyazo.com/6ff8fd5c84a338b48cf476bf496ccec5.png)](https://gyazo.com/6ff8fd5c84a338b48cf476bf496ccec5)

「1280×800」の解像度の画面にしました。（配信の解像度はまた違います）

### Step2. Restreamを使う

https://app.restream.io/ こちらのURLへ行ってログイン

最初の設定はラズパイだと重いかもなので、お手持ちのPCからがいいかも

[![Image from Gyazo](https://i.gyazo.com/5d72427ef9ddb7501507690ae8ede724.png)](https://gyazo.com/5d72427ef9ddb7501507690ae8ede724)

[![Image from Gyazo](https://i.gyazo.com/dc12c364a6d4eda44ba38d3211ac24d1.png)](https://gyazo.com/dc12c364a6d4eda44ba38d3211ac24d1)

「+ Add Channel」から色々追加できます

今回はYouTubeとTwitter連携がよい（でもそろそろサービスが終わっちゃう）periscopeを連携しました。

[![Image from Gyazo](https://i.gyazo.com/46617e64c73fc557089de1030d2d457c.png)](https://gyazo.com/46617e64c73fc557089de1030d2d457c)

ラズパイ側のブラウザを立ち上げ、Restreamにログイン

右側の「Enter Live Studio」

Zoomみたいな通話画面が出てくるので、そこで配信したい画面を共有し、

[![Image from Gyazo](https://i.gyazo.com/f22197eb94ae9c4e92187d7f8b1f3312.png)](https://gyazo.com/f22197eb94ae9c4e92187d7f8b1f3312)

画面の上側の「Go Live」ボタンで連携したサービスですぐに配信が開始されます。

[![Image from Gyazo](https://i.gyazo.com/48106b07bdcd6f9d45817004f4e2cd84.png)](https://gyazo.com/48106b07bdcd6f9d45817004f4e2cd84)

普通に誰かとの会話を配信しようとしたときもすごく簡単で便利です。

## 結果

途中、たぶん手持ちのMacでログアウトしたときに配信が途切れてしまいました。

ですが記録を見ると、380時間以上も連続配信していたようです。

## ちなみにラズパイのCPU温度もAmbientにアップしてました

自分の記事を見直して、

https://qiita.com/tkyko13/items/2a098ce3805cec69021a

`.env`に対応したりとしつつ実装しました。

https://ambidata.io/bd/board.html?id=24412

[![Image from Gyazo](https://i.gyazo.com/1d32ef92810813c77d85b2a07104656e.png)](https://gyazo.com/1d32ef92810813c77d85b2a07104656e)

平均68℃くらいでしょうか

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">100均メスティンを当てたらラズパイのCPU温度ガクッと落ちた！78から68℃くらいになった <a href="https://t.co/8tIsorNnaU">pic.twitter.com/8tIsorNnaU</a></p>&mdash; るしわん/おの (@tkyko13) <a href="https://twitter.com/tkyko13/status/1378949497158443014?ref_src=twsrc%5Etfw">April 5, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

設置はこんな感じで雑。

## 今後

作業用BGMとかを皆で作っていく感じにして、「誰かがそこにいる感」も感じれるなにかサービスが作れると楽しいなぁと思ってます