I am trying to figure out a way of having a customer walk up to a screen scan a QR code and then have control of the content on the screen via their web browser. I know bright sign can do this but unfortunately i need it within our SCALA players.
also dont want it to join a local hotspot like this video but more to use 4g and control a webpage anyone done this sort of thing.
Maybe using websockets or similar?
https://www.youtube.com/watch?v=zDni5mgMUPM
Related
I'm currently doing a god awkward job for a client in which they own a domain but can't move the DNS due to them currently using the MX. Anyways, their wanting a website built and pointed to that domain. Unfortunately the service doesn't have any webspace and only allows me to forward towards to another host as a redirect. Which either brings who the host address is so that's not an option or within a frame, which breaks all the media queries for the site and doesn't allow mobile view. Frame doesn't response to viewport. Also masking doesn't appear to respond with the current host so that's out the question too.
I'm currently using bootstrap so using serverside mobile detection isn't a quick option.
So I'm wondering how the best course of action is. The site is already fully designed, so I'm really looking for a way to get frames to detect viewport and allow media queries to work.
I was doing some research on Live Streaming. I want to develop a solution where I will collect live streams from multiple remote cameras on my website, modify the stream with a custom text banner (i.e. we have on news TV channel, football match) at the bottom and broadcast it to all.
I know there are Flash plugins available for video streaming and editing, but I want to build this web app to be mobile friendly and responsive.
HTML5 could be used to display multiple video streams on the website, but how can I add a text banner, graphs or any other frame on a running live stream?
The easiest way to do this, and the way that gives you the most quality and control over presentation, is to just do it on the client application. It sounds like you control this, so just modify your application to fetch a data stream alongside the video stream. This will work great assuming that you control the client side, and exact synchronization isn't critical.
Assuming you don't control the players at all and you need to bake this all into the video, there are a variety of tools you can use. GStreamer, FFmpeg, even VLC depending on your requirements. If you need something more interactive, OBS might be something to look into as well.
we have website with slideshow control which display a set of images. Client requested to "protect" them from downloading. I know about simple ways to do this:
Disable right click
Put transparent overlay on top of the real image
Use CSS background
Use canvas
Watermarking
etc...
all of these are only for "casual" users - those ones who are not aware of Dev Tools in chrome.
Are there other ways to "protect" images? The only approach I could think of is to develop custom flash (or silverlight) plugin which will send image ID to the webserver and receive "encoded" byte stream - and decode it and display it. Am I over-complicating this? are there other ways to prevent image download?
if flash plugin + webservice approach is the right way to go - are there any ready-to-go solutions, or I should develop everything from scratch?
Thank you.
THere's no way to protect your image against being downloaded. Your users have to download it to view it. Your proprietary player will fail too if someone uses screen capture tools.
EDIT:
The best thing you can to is to make the reuse (I assume you don't want your visitors to use it elsewhere?) of the image as difficult as possible. Watermarks might be a good start to deter some people because they don't have the resource and expertise to de-watermark. Or you can embed steganography as a proof of origin so you can sue them afterward. Again, it's all about trade off between cost to do this and benefit from this.
It's impossible to prevent people from downloading your images. But, I want to offer another perspective -- you can create images that people like to view and play with but don't necessarily want to download.
Here's an example:
xkcd: Click and Drag
If the images have an intrinsic value that the client wants to protect, yet has to allow potential purchasers to view prior to purchase, then you need to minimize the value of the pre-purchase image. Only displaying thumbnails, adding visible watermarks, and otherwise distorting the image in ways that humans can easily see past, but will still see are usual here.
Then there is the issue of protecting the post-purchase images. Invisible watermarking (one example here, another here) can allow the customer to purchase and use the image as you allow, but if the image appears somewhere, used in an inappropriate manner, you can use the ID embedded invisibly (to a human) to identify just which customer violated the Terms of Use. These watermarks may even survive a degree of image manipulation and even digital photography of the image on a monitor.
If any user of the site has to be able to view the full, un-devalued image, you could add an unique ID linked to their IP address to the image as it is delivered to the slideshow control, so that each user receives a unique "copy", and you can trace misuse of an image to an IP address (and date, as many users have dynamic IPs, but ISPs keep records of IP assignments over time) for potential prosecution.
I have been working with cocos2d-iPhone, cocos2d-x, and cocos2d-html5 for quite some time. I wanted to ask if it is okay to build a website with cocos2d-html5. I want to do it because I want the website look interactive, animated, and scroll around like a game. We can do this with javascript, but is it possible to write it in cocos3d-html5? What are the drawbacks of doing this? And is there any existing website that is built on cocos2d?
Thank you for the help.
As i figured out, you cannot make a cocos2d-html based website as it is for making web apps for web sites. Although a web app can cover up the whole screen but there are a large number of issues assigned to creating such a situation. The internet users are used to using the refresh and back buttons on the web browser as well as opening in the new tab, nothing of these options would work in a cocos2d-html based web app as the navigation would be all done within the application and in no way can the button in the browser respond in the appropriate manner.
I am currently working on my final year project for my degree in Software Engineering. I have decided that my project will be to develop a web application using HTML5 that will display chord sheets in a web browser (specifically Google Chrome). The idea is that each member of a band might have some sort of device in front of them (iPad, laptop etc.) which can access the application where they can log in, view the chords for the songs as the progress through a set and add annotations which are stored in the database and then shown to the user each time the song is displayed on their screem.
However, I am having a problem with how best to display all this in a browser window. I want it to have a similar appearance to that of a PDF document displayed in a browser window in that the user is able to scroll horizontally and vertically and zoom in and out as if they were viewing a PDF document. Is using SVG graphics the best way to achieve this? Or is there another way?
Rendering speed is going to be important as the idea is that this will be a system that could potentially be used in live situation, and I need to make sure I keep page loading/rendering times as low as possible.
I would greatly appreciate any thoughts you have!
Check out Vexflow! It’s an open-source web-based music notation rendering API, written completely in JavaScript, and runs right in the browser. VexFlow supports HTML5 canvas and SVG.
Here’s a demo and here’s a tutorial.