Need to clean up the content in it

A Demo of how to share with Web Notes in developer apps.

The first image on the page should do some sepia/blur filter transitions (see Chrome / IE / Project Spartan). Currently not functional in FF. Don't worry about the layout of the page looking silly when viewing from this repo, final CSS is added in EdgePortal.

And I have the latest version.

@gerardlopez @sarvaje who did this one?

Not required, but would be nice since the guidance also applies to the new browser.

Request to add this to the new site http://ie.microsoft.com/testdrive/Performance/Chalkboard/

This is because Touch Effects doesn't include unprefixed pointer event support, so it's falling back to mouse events in Edge.

• @supports
• blobbuilder
• css3filters
• familysearch

We should add (or at least mention) polyfill support in @supports demo:
https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills#conditional-rules-spec

footer in testdrive gets put into the right side. Probably needs to be wrapped in a div with container class

It has not been since Chrome 31, 12 releases (= ~1.4 years) ago.

Dimensions are set in JS

Needs some instructions about dragging the cubes into the center.

Ideally:

• This demo would be a full-screen guy with an interstitial page.
• We'd have a longer write-up about how it was made.

For now just need some indication of what you're supposed to do. Assigning to @molant to reach out to demo owner (I think David Catuhe?).

Per http://blogs.windows.com/msedgedev/2015/05/13/announcing-media-capture-functionality-in-microsoft-edge/,

Based on the W3C spec, we support both the promise-based getUserMedia() method and the callback-based getUserMedia() method. The callback-based method allows an easier transition if you have a webpage using the interface already (although it might be a vendor-prefixed version). We encourage web developers to use the promise-based approach to follow the industry trend for new interface design styles on the web.

An easy way to do this would be to have a quick shim, like

var getUserMedia = navigator.mediaDevices.getUserMedia ?
  navigator.mediaDevices.getUserMedia.bind(navigator.mediaDevices) :
  function (constraints) {
    return new Promise(function (resolve, reject) {
      navigator.getUserMedia(constraints, resolve, reject);
    });
  };

Then you can use the promise version uniformly (via getUserMedia(...).then(...)), and at the same time talk a bit about how Edge is leading the way in having the new promise-based method :)

In particular, the repeated use of variables before they are declared.

The first time this occurs is the AnalyserNode sample, where streamReceived is used before it is declared. This will result in passing undefined for that callback.

To fix this, either order the declarations before the calls, or switch to function declarations, which benefit from hoisting.

Feedback is that people are not sure what to do when the demo starts.
@deltakosh can you or someone from your team add some instructions?

https://github.com/MicrosoftEdge/Demos/blob/master/photocapture/scripts/demo.js#L26
checks for videoTag.srcObject !== undefined

Setting videoTag.srcObject to null in https://github.com/MicrosoftEdge/Demos/blob/master/photocapture/scripts/demo.js#L113 makes that check fail when switching cameras in browsers that don't support srcObject yet. PR incoming.

With that change, it possible to drop in the latest https://github.com/webrtc/adapter (pending https://github.com/webrtc/adapter/pull/45) and make the demo work in Chrome and Firefox (partial support, Firefox doesn't support switching cameras yet)

something in the CSS breaks the rest of the page in testdrive

It is suggested that you create a README file describing about the project and Contributing file showing the guidelines to be followed to contribute to this project

Transferring request from https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/8478523-fix-the-link-to-the-html5-fishbowl-benchmark

when loaded in EdgePortal

That will hide footer and header when the demo is hosted in dev.modern.ie and make it full screen