本文在先前的教程上擴展了使用Silex，Twig和Vimeo API的基本視頻應用程序。 這次，我們將添加視頻喜歡，監(jiān)視列表功能和視頻上傳。

鍵增強：

• 增強Vimeo API交互： Vimeo API現(xiàn)在支持喜歡視頻並將它們添加到監(jiān)視列表中。 這需要在Vimeo應用程序的權限中添加“互動”範圍。 還啟用了視頻上傳，但需要事先獲得Vimeo的批準，並在您的訪問令牌中添加“上傳”範圍。 >
• >異步操作（AJAX）：用戶交互（喜歡，守望清單）觸發(fā)Ajax請求到服務器。 “ 204”響應表示無數(shù)據(jù)有效載荷的成功操作，向用戶提供視覺反饋（按鈕禁用）。 >視頻上傳工作流程：
該過程涉及創(chuàng)建Vimeo應用程序，獲取訪問令牌，使用帖子創(chuàng)建上傳票，放置視頻文件，最後刪除以最終確定上傳。 >先決條件：

>熟悉上一個教程（原始教程中提供的鏈接或下載）。 確保您的開發(fā)環(huán)境（改進的宅基地改進）設置並運行。 >

>與視頻互動（喜歡和守望列表）：

>

>>更新Vimeo API範圍：>修改您的Vimeo登錄以包含

>範圍：
>
1. interact>
添加交互按鈕：
in

$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);

，在視頻描述下方添加喜歡和監(jiān)視列表按鈕：
>
2. templates/videos.php
>客戶端AJAX處理（videos.js）：
此JavaScript句柄按鈕點擊並發(fā)送AJAX請求：>

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

3. 服務器端路由處理（index.php）：添加這些路由以處理AJAX請求。 他們提取視頻ID，進行API調(diào)用（put方法），然後返回使用狀態(tài)代碼的JSON響應。

$('.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);
    });
});

4. 上傳視頻：
>

$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
});

>請求上傳訪問：

通過開發(fā)人員儀表板為您的Vimeo應用程序請求上傳權限。 這可能需要幾個工作日。

1. >
添加上傳範圍（如果批準）：
>一旦批準，將

範圍添加到您的訪問令牌中。

2. 3. >> upload視圖（upload.php）：>在templates/upload.php>中創(chuàng)建一個簡單的上傳表單：

   $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);

   在

以上是通過Vimeo的API喜歡，監(jiān)視和上傳的詳細內(nèi)容。更多資訊請關注PHP中文網(wǎng)其他相關文章！