The use-case for this feature would be for a video chat application. In the application a user can share their desktop screen, and over top of that we overlay a second transparent google-chrome window. This extra layer will display annotations made by remote participants directly onto the presenter's screen, for example remote participants could write notes, circle items, or point at items with their mouse-cursor.
This sort of collaborative screen-share functionality is currently possible (sort of) with Zoom, Tandem, and Around.co, however these are all native desktop applications, not web-apps that run in a browser. I was wondering if it would be possible to build something comparable within the Chrome browser?
Related
I'm developing an WP8.1 application and now when I'm almost done with it, I tried to run the Windows App Certification Kit to test if everything is ok. I got this error:
I know that this is not a big thing (it should be really easy to fix it) but I would like to make the images to be as great a possible. I have found the default sampled in the Assets folder, but I don't really know how they should look like at the end.
Could someone provide me with some samples (perhaps some samples he used) for the following images:
ApplicationIcon.png
BadgeLogo.png
Logo.png
SplashScreen.png
SquareTile71x71.png
SquareTile150x150.png
StoreLogo.png
WideLogo.png
And the ones in the Tiles folder that is also inside the Assets folder:
FlipCycleTileLarge.png
FlipCycleTileMedium.png
FlipCycleTileSmall.png
IconicTileMediumLarge.png
IconicTileSmall.png
PS
I'll make my own pictures (I can post them later if you would like that) But I would just like to see some examples to know how that should look like.
The image requirements are relatively simple;
There are 7 images that you can specify in the appxmanifest, and can refer to any image within the project (so the exact filenames aren't strictly required, although I would stick with them). Each image can be supplied at three scales, and if you only supply one scale, make it the 240% scale for the best impression on higher resolution devices.
The Square 71x71 Logo, Square 150x150 Logo, Wide 310 x 150 Logo are all used for tile images, when your app is pinned, and would normally contain some kind of logo to represent your app, on a transparent background where it makes sense.
The Square 44x44 Logo is used in the app list, and is generally a scaled version of the tile image, also on a transparent background.
The Store Logo is as used in the store, and again is generally a scaled version of the tile image.
The Badge Logo is used for lockscreen notifications, and only need be specified if your app supports lockscreen notifications. It also must only be white on transparent.
The Splash Screen is shown as your app is loading. Some apps choose to just show a larger version of the logo on a brand colour (e.g. Internet Explorer), others show some form of branding, along with a "loading" type of message.
Microsoft do also publish some guidelines for design, available from the dev centre
we are using Facebook's Unity SDK on the Facebook Web Platform (using Unity WebPlayer).
We went for the non-html approach so we only provide the .unity3d file url. (Unity Integration button is active)
Using this method we have this three problems:
1) we find no way to customize the Unity loading screen. This method and this method only work using old html integration way.
2) on Windows platforms, any Facebook floating div, such as chat windows or search dialog result, make the game to be invisible. (if fact facebook javascript sent the game canvas to -10000 x-position)
3) we can't use a custom html tiled background image. We might change the background after Unity is loaded but the transition doesn't look good
My questions are:
Is is possible to solve them and still using Unity Integration method?
Do you suggest us to go for the old html integration method?
Thanks!
We are working to resolve this soon.
Unfortunately for certain browsers, Unity will always draw on top of everything. That means when chat windows pop up they would appear under the game. We try to keep the game around if this isn't the case.
Does Application.ExternalEval() with JS not work for you?
The benefits you get from using the Unity Integration is that:
the dialogs will appear in game, so your players won't be kicked out of fullscreen if they are there.
cross platform would be easier, as you don't have to integrate a different SDK if you also export to Android and iOS
don't have to manage the web page on canvas
Unless you want more DOM control directly through JS/HTML before the game loads, it's probably better to stick with the Unity Integration.
I hope that helps your decision making.
I have an app that is a standalone window. I want to add a box shadow around the window (so it appears on top of all windows behind it). Is this possible?
[posting this answer based on the discussion in the comments to the original question]
There is a Shaped and Translucent Windows API coming to Chrome apps soon.
This API should be able address your needs at least to a good extent. It is already available under an experimental flag in M32 for Windows and Chrome OS.
The current state of the implementation is as follows.
The input region / window shape API is partially complete for Windows & CrOS:
- on Windows it implements window shaping.
- on CrOS it implements input region shaping but doesn't yet affect the visible shape.
In M33 Linux should gain window shape support, and we hope to have CrOS window shape, and the transparency limiting based on shape landed as well.
Transparency outside the window shape will likely only work on CrOS initially, due to limitations of the platform specific shape APIs.
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.
(and if possible, platform independent)
i'm looking for a programmatic solution (even a command line solution) which will enable me to display alphanumeric letters on the screen, without the Window / Form's background color.
i'm using mainly Windows (xp), but i'd love a solution that can work on modern linux distros.
i know how to make a whole window / form transparent, but that doesn't help, since the letters themselves must be 100% opaque, and background must be 100% transparent.
(I know how to make a window on top of everything.)
It might be possible to convert the letters to a transparent GIF or PNG, but i don't know which technology will NOT show it's own background.
i'm using mainly Python and Visual Basic, but i don't mind using other platforms.
Thanks
Sorry there is no platform-independent way. What you are talking about is a function of the capabilities of the GUI subsystem supplied by the OS (or by a third party layer on top of the OS). On the Mac for example there is explicit support for rendering the background of windows independently of the window content but doing so is specific to that platform. MS Windows, X-Windows, NCURSES, QT, there are many different APIs for rendering to the "screen" (where screen can be a screen or a PDF or a printer or you name it).
You'll need to know specifically what output device you're targeting and read the docs and write your code for that system.