ttseng

app.post('/updateCounter', function (request, response){
  // get current value
  console.log('get current value');
  counterDb.all('SELECT * from Counter ORDER BY id DESC LIMIT 1', function(err, row){
    if(!err && row[0] && row[0].id){
      const val = row[0].val;
      console.log('value', val);
      const id = row[0].id;
      // store a new value
      const sql = `UPDATE Counter SET val = ? WHERE id = ?`;

ttseng

  if(M5.BtnA.wasReleased() || M5.BtnB.wasReleased() || M5.BtnC.wasReleased()){
    M5.Lcd.setTextSize(7);
    M5.Lcd.println("button pressed");

    // send an update to the Glitch app to increment the counter
    counterHttp.begin("https://m5stack.glitch.me/updateCounter");
    int counterHttpCode = counterHttp.POST("");

    if(counterHttpCode > 0){
      if(counterHttpCode == HTTP_CODE_OK){

ttseng

uint16_t getFillColor(uint8_t r, uint8_t g, uint8_t b)
{
  return ((r / 8) << 11) | ((g / 4) << 5) | (b / 8);
}

void loop()
{  
  M5.update();

  // get the latest color

ttseng

#include <WiFi.h>
const char* ssid = "YOURSSID";
const char* password = "YOURPW";

void setup()
{
  M5.begin();
  WiFi.disconnect();
  delay(1000);
  M5.Lcd.println("START");

ttseng

app.post('/setColor', function(request, response){
  console.log(request.body);
  colorDb.run(`INSERT INTO Color VALUES ("${request.body.color}", "${Date.now()}")`, (error) => {
    if(error){
      response.send({message: 'error!'});
    }else{
      console.log('added color');
      response.send({message: 'success'});  
    }
  });

ttseng

#include <WiFi.h>
#include <M5Stack.h>
#include <HTTPClient.h>

HTTPClient colorHttp;
HTTPClient counterHttp;

String tsData;
const char* ssid = "YOURSSID";
const char* password = "YOURPW";

ttseng

// client-side js
// run by the browser each time your view template is loaded
var player;
var playerSrc = "https://cdn.glitch.com/43e0016d-c8a0-4e4b-9451-241a4af8fb4f%2Fplayer.svg?1526019694966";
var invaderSrc = "https://cdn.glitch.com/43e0016d-c8a0-4e4b-9451-241a4af8fb4f%2Finvader.svg?1526019377700";

var dimension = 20; // base width and height for drawable objects
var canvasBound = 25;

var gameover = false;

ttseng

Preface

Below are the steps I took to install ffmpeg, ffmpegthumbnailer, and heroku to use with carrierwave-video and carrierwave-video-thumbnailer gems on my heroku app. I found there was no documentation to do exactly this, so I hope this is helpful for other people (and will save them the countless hours it took me to finally get it to work)

• carrierwave-video gem: https://github.com/rheaton/carrierwave-video
• carrierwave-video-thumbnailer gem: https://github.com/evrone/carrierwave-video-thumbnailer

These are the libraries you will end up installing to get all of this to work.

• x264