microsoftedge / demos-old Goto Github PK
View Code? Open in Web Editor NEWOpen source and interoperable demos for Microsoft Edge Dev site
Home Page: https://dev.windows.com/en-us/microsoft-edge/testdrive/
License: Other
Open source and interoperable demos for Microsoft Edge Dev site
Home Page: https://dev.windows.com/en-us/microsoft-edge/testdrive/
License: Other
Needs some instructions about dragging the cubes into the center.
Ideally:
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?).
footer in testdrive gets put into the right side. Probably needs to be wrapped in a div with container class
This is because Touch Effects doesn't include unprefixed pointer event support, so it's falling back to mouse events in Edge.
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
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
something in the CSS breaks the rest of the page in testdrive
Need to clean up the content in it
Request to add this to the new site http://ie.microsoft.com/testdrive/Performance/Chalkboard/
Not required, but would be nice since the guidance also applies to the new browser.
A Demo of how to share with Web Notes in developer apps.
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)
Dimensions are set in JS
when loaded in EdgePortal
That will hide footer and header when the demo is hosted in dev.modern.ie and make it full screen
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.
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 :)
It has not been since Chrome 31, 12 releases (= ~1.4 years) ago.
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.
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?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.