5 leistungsstarke HTML5-API-Funktionsempfehlungen_HTML5-Tutorial-Fähigkeiten

// Finden Sie den vollständigen Code Für den Browser geeignete Bildschirmmethode
function launchFullScreen(element) {
if(element.requestFullScreen) {
element.requestFullScreen(); else if(element.mozRequestFullScreen) {
element .mozRequestFullScreen();
} else if(element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
}
}
// Vollbildmodus starten
launchFullScreen(document. documentElement); // die gesamte Seite
launchFullScreen(document.getElementById("videoElement") // jedes einzelne Element

// Versteckte Attribute festlegen und sichtbare Änderungsereignisse Der Name und die Attribute müssen mit dem Browser-Präfix
// hinzugefügt werden, da einige Browser nur Unterstützung mit Herstellerpräfix bieten
var versteckt, Zustand, SichtbarkeitÄnderung;
if (typeof document.hidden != = „undefiniert“) {
versteckt = „versteckt“;
sichtbarkeitChange = „visibilitychange“;
state = „visibilityState“; ) {
Hidden = "mozHidden";
perspective = "mozvisibilitychange";
state = "mozVisibilityState"; > versteckt = "msHidden" ;
sichtbarkeit = "msvisibilitychange";
state = "msVisibilityState";
} else if (typeof document.webkitHidden !== "undefiniert") {
versteckt = " webkitHidden";
VisibilityChange = "webkitvisibilitychange";
state = "webkitVisibilityState";
}
// Listener für Titeländerung hinzufügen
document.addEventListener(visibilityChange, function(e) {
// Statusverarbeitung starten oder stoppen
}, false);




　3. getUserMedia API

var canvas = document.getElementById("canvas"),
context = canvas.getContext("2d"),
video = document.getElementById("video"),
videoObj = { "video": true },
errBack = function(error) {
console.log("Videoaufnahmefehler: " , error .code);
};
// Video-Listener festlegen
if(navigator.getUserMedia) { // Standard
navigator.getUserMedia(videoObj, function(stream) {
video . src = stream;
video.play();
} else if(navigator.webkitGetUserMedia) { // WebKit-prefixed
navigator.webkitGetUserMedia( stream ){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, false);




　4. Batterie-API


Dies ist eine API für Mobilgeräteanwendungen, die hauptsächlich zur Erkennung von Gerätebatterieinformationen verwendet wird.