Suka, senarai pengawasan dan memuat naik melalui API Vimeo '

Artikel ini mengembang pada tutorial sebelumnya yang menunjukkan aplikasi video asas menggunakan Silex, Twig, dan API Vimeo. Kali ini, kami akan menambah keinginan video, fungsi WAJIR, dan muat naik video.

Peningkatan Utama:

• Interaksi API Vimeo yang dipertingkatkan: API Vimeo kini menyokong menyukai video dan menambahkannya ke senarai pengawasan. Ini memerlukan menambah skop "berinteraksi" ke kebenaran aplikasi Vimeo anda. Muat naik video juga didayakan, tetapi memerlukan kelulusan terlebih dahulu dari Vimeo dan menambah skop "muat naik" ke token akses anda. Operasi Asynchronous Operasi (AJAX):
Interaksi Pengguna (suka, menyenaraih jam) mencetuskan permintaan AJAX ke pelayan. Tanggapan '204' menandakan operasi yang berjaya tanpa muatan data, memberikan maklum balas visual (butang melumpuhkan) kepada pengguna.
• Video memuat naik alur kerja: Proses ini melibatkan membuat aplikasi Vimeo, mendapatkan token akses, menggunakan pos untuk membuat tiket muat naik, dimuat naik untuk memuat naik fail video, dan akhirnya memadam untuk memuktamadkan muat naik.
• Prasyarat:

Biasakan diri anda dengan tutorial sebelumnya (pautan atau muat turun yang disediakan dalam asal). Pastikan persekitaran pembangunan anda (Homestead bertambah baik disyorkan) ditubuhkan dan dijalankan.

Berinteraksi dengan video (suka & menyenaraih jam):

Kemas kini skop Vimeo API:

Ubah suai log masuk Vimeo anda untuk memasukkan skop

:
1. interact

Tambah butang interaksi:

$scopes = array('public', 'private', 'interact');
$state = substr(str_shuffle(md5(time())), 0, 10);
$_SESSION['state'] = $state;
$url = $vimeo->buildAuthorizationEndpoint(REDIRECT_URI, $scopes, $state);
$page_data = array('url' => $url);

dalam

, tambah butang seperti dan jam tangan di bawah penerangan video:
2. templates/videos.php

Pengendalian Ajax sisi pelanggan (videos.js):

<div>
    <button class="like" data-uri="{{ video.uri }}">Like</button>
    <button class="watch-later" data-uri="{{ video.uri }}">Watch Later</button>
</div>

JavaScript ini mengendalikan klik butang dan menghantar permintaan AJAX:

Pengendalian laluan sisi pelayan (index.php):

$('.like').click(function(){
    let self = $(this);
    let uri = self.data('uri');
    $.post('/tester/vimeo-slim/video/like', {'uri': uri}, function(response){
        if(response.status == '204') self.prop('disabled', true);
    });
});

$('.watch-later').click(function(){
    let self = $(this);
    let uri = self.data('uri');
    $.post('/tester/vimeo-slim/video/watchlater', {'uri': uri}, function(response){
        if(response.status == '204') self.prop('disabled', true);
    });
});

Tambah laluan ini untuk mengendalikan permintaan Ajax. Mereka mengeluarkan ID video, membuat panggilan API (meletakkan kaedah), dan mengembalikan respons JSON dengan kod status.

memuat naik video:

$app->post('/video/like', function () use ($app, $vimeo) {
    if($app->request->post('uri')){
        $video_id = str_replace('/videos/', '', $app->request->post('uri'));
        $vimeo->setToken($_SESSION['user.access_token']);
        $response = $vimeo->request('/me/likes/' . $video_id, [], 'PUT');
        $app->contentType('application/json');
        echo json_encode(['status' => $response['status']]);
    }
});

$app->post('/video/watchlater', function () use ($app, $vimeo) {
    //Similar to /video/like, but uses '/me/watchlater/' endpoint
});

Permintaan muat naik akses:

Permintaan keizinan muat naik untuk aplikasi Vimeo anda melalui papan pemaju pemaju. Ini mungkin mengambil masa beberapa hari.

Tambah skop muat naik (jika diluluskan): Setelah diluluskan, tambahkan skop

ke token akses anda.

2. 3. paparan muat naik (upload.php): Buat borang muat naik mudah dalam templates/upload.php:

   $scopes = array('public', 'private', 'interact');
   $state = substr(str_shuffle(md5(time())), 0, 10);
   $_SESSION['state'] = $state;
   $url = $vimeo->buildAuthorizationEndpoint(REDIRECT_URI, $scopes, $state);
   $page_data = array('url' => $url);

   4. laluan muat naik (index.php): Mengendalikan muat naik fail dan interaksi API Vimeo:

   <div>
       <button class="like" data-uri="{{ video.uri }}">Like</button>
       <button class="watch-later" data-uri="{{ video.uri }}">Watch Later</button>
   </div>

Atas ialah kandungan terperinci Suka, senarai pengawasan dan memuat naik melalui API Vimeo '. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!