it-swarm-id.com

API Layar Penuh Chrome

Menurut artikel ini Google Chrome 15 memiliki API JavaScript layar penuh.

Saya sudah mencoba membuatnya bekerja tetapi gagal. Saya juga telah mencari dokumentasi resmi dengan sia-sia.

Seperti apa tampilan API JavaScript layar penuh?

67
Randomblue

API hanya berfungsi selama interaksi pengguna, sehingga tidak dapat digunakan dengan jahat. Coba kode berikut:

addEventListener("click", function() {
    var el = document.documentElement,
      rfs = el.requestFullscreen
        || el.webkitRequestFullScreen
        || el.mozRequestFullScreen
        || el.msRequestFullscreen 
    ;

    rfs.call(el);
});
138
Eli Grey

Saya membuat pembungkus sederhana untuk Fullscreen API, yang disebut screenfull.js , untuk memuluskan kekacauan awalan dan memperbaiki beberapa inkonsistensi dalam implementasi yang berbeda. Lihat demo untuk melihat cara kerja API Layar Penuh.

Bacaan yang disarankan:

32
Sindre Sorhus

Berikut adalah beberapa fungsi yang saya buat untuk bekerja dengan layar penuh di browser.

Mereka menyediakan baik masuk/keluar layar penuh di sebagian besar browser utama.

function isFullScreen()
{
    return (document.fullScreenElement && document.fullScreenElement !== null)
         || document.mozFullScreen
         || document.webkitIsFullScreen;
}


function requestFullScreen(element)
{
    if (element.requestFullscreen)
        element.requestFullscreen();
    else if (element.msRequestFullscreen)
        element.msRequestFullscreen();
    else if (element.mozRequestFullScreen)
        element.mozRequestFullScreen();
    else if (element.webkitRequestFullscreen)
        element.webkitRequestFullscreen();
}

function exitFullScreen()
{
    if (document.exitFullscreen)
        document.exitFullscreen();
    else if (document.msExitFullscreen)
        document.msExitFullscreen();
    else if (document.mozCancelFullScreen)
        document.mozCancelFullScreen();
    else if (document.webkitExitFullscreen)
        document.webkitExitFullscreen();
}

function toggleFullScreen(element)
{
    if (isFullScreen())
        exitFullScreen();
    else
        requestFullScreen(element || document.documentElement);
}
14
Drew Noakes

Tes berikut ini berfungsi di Chrome 16 (cabang dev) di X86 dan Chrome 15 di Mac OSX Lion

http://html5-demos.appspot.com/static/fullscreen.html

6
Mo Kargas

Dalam proyek perpustakaan penutupan Google, ada modul yang telah melakukan pekerjaan, di bawah ini adalah API dan kode sumber.

Pustaka Penutupan fullscreen.js API

Penutupan libray kode fullscreen.js

0
monjer