Coder Social home page Coder Social logo

ghost's Introduction

gHost - unHosted Photo Album

gHost is an experimental web application based on HTML5, CSS3 and JavaScript.

gHost uses jQuery and two new great technologies called WebRTC and remoteStorage.js; used, respectively, to capture the webcam stream without plugins and to host the pictures taken, leaving users in control of their data.

Demo: https://ghost.5apps.com/

ghost's People

Contributors

jancborchardt avatar michielbdejong avatar nilclass avatar raucao avatar vcuculo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

ghost's Issues

not working in Firefox?

Hi! I'm not getting the 'Allow access to your webcam' prompt when using https://ghost.5apps.com/ from Firefox on Windows.

In IE it correctly reports that WebRTC (specifically, getUserMedia) is not supported in that browser. In Chrome and Opera it works correctly.

But on Firefox it just stays at the splash screen without any error message.

images get overwritten

Sometimes there’s an alert »Could not find "pictures/ghost/8" on the remoteStorage« (or any number). Then that photo is either not displayed (just as broken image) or the images just stop showing up at that image.

Then when you take new photos, they overwrite these images. When you then reload, the other images show up again, except the ones which were overwritten.

Even when an image »can not be found«, that pointer should never be overwritten. In place of the image should be shown an empty space with a message »image not found, try reloading« or something like that.

doesn’t work anymore

When I put in my user address, the app just reloads and I get a bunch of errors in the console. Among others »There wasn't anything for "pictures/ghost/count"«. I left in the other errors also because they might cause other issues. (I use AdBlock, HTTPS everywhere and Disconnect.me)

remote.js:38Storage info received:
remote.js:39
Object
/ghost-unhosted-webrtc/#access_token=TOKEN REDACTED:7Resource interpreted as Font but transferred with MIME type font/woff: "http://themes.googleusercontent.com/licensed/font?kit=_REDACTED".
/ghost-unhosted-webrtc/#access_token=TOKEN REDACTED:49Received an OAuth token: TOKEN REDACTED
buttons.js:1Please specify a ShareThis Publisher Key 
For help, contact support@sharethis.com
buttons.js:1Uncaught TypeError: Cannot call method 'appendChild' of null
remote.js:106There wasn't anything for "pictures/ghost/count"
/ghost-unhosted-webrtc/:7Resource interpreted as Font but transferred with MIME type font/woff: "http://themes.googleusercontent.com/licensed/font?kit=_REDACTED".
buttons.js:1Resource interpreted as Image but transferred with MIME type text/plain: "http://l.sharethis.com/pview?event=pview&fpc=REDACTED&sessionID=REDACTED&sourceURL=http%3A%2F%2Fvcuculo.github.com%2Fghost-unhosted-webrtc%2F&hostname=vcuculo.github.com&location=%2Fghost-unhosted-webrtc%2F&publisher=REDACTED&shareHash=sthash.XL9touQB&incomingHash=&refDomain=vcuculo.github.com&refQuery=ghost-unhosted-webrtc%2F&url=http%3A%2F%2Fvcuculo.github.com%2Fghost-unhosted-webrtc%2F&sharURL=&source=share5x&title=gHost%20-%20unHosted%20Photo%20Album%20using%20WebRTC&ts1349025852751.0=".
getSegment.php:10Resource interpreted as Image but transferred with MIME type text/plain: "http://b.scorecardresearch.com/b?c1=7&c2=8097938&rn=34169396&c7=http%3A%2F%2Fseg.sharethis.com%2FgetSegment.php%3Fpurl%3Dhttp%253A%252F%252Fvcuculo.github.com%252Fghost-unhosted-webrtc%252F%26jsref%3Dhttp%253A%252F%252Fvcuculo.github.com%252Fghost-unhosted-webrtc%252F%26rnd%3REDACTED5&c3=REDACTED&c8=ShareThis%20Segmenter&c9=http%3A%2F%2Fvcuculo.github.com%2Fghost-unhosted-webrtc%2F&cv=2.2&cs=js".
loader.js:1GET http://www.google-analytics.com/ga.js 

updating Ghost to remoteStorage release v0.7

Hi @vcuculo,

Good news: @nilclass tagged the release of remoteStorage.js version 0.7.0 yesterday. here is an example of how it works:
https://github.com/michielbdejong/remoteStorage.js/blob/master/example/minimal/index.html
so because sync is "behind" the modules with remoteStorage.js 0.7, the app architecture is a matter of:

  • putting domain code into the module (notes.js in the example)
  • send controller actions to the module
  • update the DOM only when the module gives you a change event

here are reference docs:
http://remotestoragejs.com/doc/code/files/remoteStorage-js.html

let me know what you think! it would be nice to update this so we can have Ghost-unhosted-webrtc compatible with the latest lib before we add it on https://unhosted.org/apps/ :)

It is "remoteStorage.js"

We (the remoteStorage team) recently agreed on how to spell/capitalize/... the term "remoteStorage". Please change "RemoteStorageJS" to "remoteStorage.js" :)

share images

I used ghost last weekend at our unconference in Unhost to snap some pictures while doing a presentation on working unhosted apps. IT WAS AMAZING!

Now I want to share some of those pictures. It would be great if a photo would have something like a sharing switch (something revealed on hovering the photo). Then the public photos should be displayed in the same wall-like style on http://vcuculo.github.com/ghost-unhosted-webrtc/#user@host

Btw, you should a) shorten the repo name to just »ghost« to make the link shorter b) deploy using 5apps.com and optionally get a nice domain for the app! :)

Update remoteStorage.js to 0.10.0-beta

Hi Vittorio,

We just released remoteStorage.js 0.10.0-beta with completely rewritten caching and sync backends (and fixing anon mode, which was broken in 0.9). Some apps are already using it in production with no problems so far (but better performance and stability). Would be great, if you could update it in Ghost as well.

We broke the API in very few places (only removing some deprecated things), but it should be a 1-minute upgrade, in case you're using one of the old calls. The library comes with automatic migration for existing cached data, which should be transformed to the new better format without having to do anything in your app.

Check out the changelog for details.

Cheers,
Basti

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.