Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

image-sequencer, infragram + web-based RPi Cam software for use with Raspberry Pi camera #42

Merged
merged 6 commits into from
Nov 5, 2018

Conversation

jywarren
Copy link
Member

@jywarren jywarren commented Nov 1, 2018

Thanks for opening a pull request! In this repository, opening a PR will initiate the generation of a new Raspberry Pi image, and create an image file you can download and use in your Raspberry Pi.

The changes you add to the pull request, such as adding software to install, will be run on the generated image.

For an example, see the software installed and configured in this pull request: https://github.com/publiclab/image-builder-rpi/pull/15/files

Recipe

Use this space to describe what your "recipe" is intended to install and configure on a Raspberry Pi:


Download instructions

Generating the image will take a few minutes. Once the image is prepared, and if it succeeded, you'll see a green checkmark at the bottom of the pull request. To download the image:

  1. click the green checkmark; you'll go to a page at a URL like https://gitlab.com/publiclab/image-builder-rpi/pipelines/########/builds
  2. On this page, click the Jobs tab, next to Pipeline
  3. Click the green Passed button
  4. Click Download in the right-hand sidebar
  5. Unzip the artifacts.zip file, and also the hypriotos-rpi-camera_web.img.zip within it
  6. Use a program like https://etcher.io/ to flash it to an SD card

You'll also be able to read the output of the image generation in this window.

We hope to create a bot to report back the completed image URL in each pull request. If you can help create such a bot, please contact us at:

#16

Thanks!

@jywarren jywarren force-pushed the image-sequencer-infragram branch from 2e1ea6c to 975c118 Compare November 1, 2018 15:31
@jywarren
Copy link
Member Author

jywarren commented Nov 1, 2018

@maykef here we go! Image sequencer installing here. We have to think through how it'd be used. Would all images taken be auto-processed in Node.js in the background? Or would there be a way to open any image taken in the RPi Cam software but in the Image Sequencer interface for conversion in the browser?

@jywarren
Copy link
Member Author

jywarren commented Nov 1, 2018

@tech4GT @Mridul97 check it out -- image sequencer installed on a Raspberry Pi! 😄

@jywarren jywarren force-pushed the image-sequencer-infragram branch from f19078c to 8150043 Compare November 2, 2018 16:53
@jywarren jywarren added the recipe label Nov 2, 2018
@jywarren
Copy link
Member Author

jywarren commented Nov 2, 2018

@jywarren
Copy link
Member Author

jywarren commented Nov 2, 2018

We should make image-sequencer runnable via URL maybe? Could relate to publiclab/image-sequencer#198

@jywarren
Copy link
Member Author

jywarren commented Nov 5, 2018

OK, as of this morning, the latest image-sequencer has demo code that can accept a data URL via the demo url hash!

Now we should try modifying https://github.com/silvanmelchior/RPi_Cam_Web_Interface/ and Infragram to make it possible to open an image in the image-sequencer demo. Here's some code to convert an image to a data URL:

function getDataUri(url, callback) {
    var image = new Image();

    image.onload = function () {
        var canvas = document.createElement('canvas');
        canvas.width = this.naturalWidth; // or 'width' if you want a special/scaled size
        canvas.height = this.naturalHeight; // or 'height' if you want a special/scaled size

        canvas.getContext('2d').drawImage(this, 0, 0);

        // Get raw image data
        callback(canvas.toDataURL('image/png').replace(/^data:image\/(png|jpg);base64,/, ''));

        // ... or get as Data URI
        callback(canvas.toDataURL('image/png'));
    };

    image.src = url;
}

// Usage
getDataUri('/logo.png', function(dataUri) {
    // Do whatever you'd like with the Data URI!
});

@jywarren
Copy link
Member Author

jywarren commented Nov 5, 2018

This now includes a button in Infragram to open an image in Image Sequencer. https://gitlab.com/publiclab/pi-builder/-/jobs/116657752/artifacts/download

@jywarren
Copy link
Member Author

jywarren commented Nov 5, 2018

:-( ok, moving to #50 !

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants