Ruby on Rails: 使用AWS IVS & OBS 輕鬆開始直播

圖片來源：Usplash

AMAZON IVS

Amazon IVS是AMAZON的互動式影片服務，可以利用此構建即時串流和互動影片體驗。

本篇文章主要參考 Deanin - Livestream to Your Rails App with Amazon IVS ＆ Amazon Interactive Video Service

建立IVS Channel

AWS IVS的服務超過一定額度會需要收費，收費標準可以參考這裡：Amazon 互動式影片服務定價，這次使用的範圍在免費額度內。

打上Channel name即可，下方亦有可以將直播影片儲存至S3等選項，可依照個人需要調整

建置完成就會看到這個畫面：

建置Ruby on Rails專案

1
2
3

$ rails new video
$ rails g controller pages home
$ rails g scaffold post title body:text

為了方便可以將config/routes.rb 增加 root 'pages#home’

串接AWS IVS直播

參考：AWS IVS Player SDK

最重要的部分就是這段，記得將PLAYBACK_URL替換成要載入的URL

要載入的URL：

#app/views/pages/home.html.erb
<h1>Pages#home</h1>
<p>Find me in app/views/pages/home.html.erb</p>

<script src="https://player.live-video.net/1.26.0/amazon-ivs-player.min.js"></script>
<div id="amazon-ivs">
    <video id="video-player"
        autoplay
        controls
        playsinline
        style="max-height: 500px; max-width: 500px"
    ></video>
</div>
<script>
  if (IVSPlayer.isPlayerSupported) {
    const player = IVSPlayer.create();
    player.attachHTMLVideoElement(document.getElementById('video-player'));
    player.load("Playback URL");
    player.play();
  }
</script>