Vimeo＆＃x27;のAPIを介した好み、ウォッチリスト、アップロード

この記事は、Silex、Twig、およびVimeo APIを使用した基本的なビデオアプリケーションを示す以前のチュートリアルで展開しています。 今回は、ビデオの好み、ウォッチリスト機能、ビデオのアップロードを追加します。

キーエンハンスメント：

強化されたVimeo APIインタラクション：
• Vimeo APIは、ビデオを好むようにサポートし、ウォッチリストに追加するようになりました。 これには、Vimeoアプリケーションの許可に「相互作用」スコープを追加する必要があります。 ビデオのアップロードも有効になっていますが、Vimeoからの事前承認とアクセストークンに「アップロード」スコープを追加する必要があります。 非同期操作（ajax）：
ユーザーインタラクション（好み、ウォッチリスト）Ajaxリクエストがサーバーにリクエストをトリガーします。 「204」の応答は、データペイロードなしで操作が成功し、ユーザーに視覚的なフィードバック（ボタン無効化）を提供します。
• ビデオのアップロードワークフロー：プロセスには、Vimeoアプリの作成、アクセストークンの取得、投稿を使用してアップロードチケットを作成し、ビデオファイルをアップロードし、最後に削除してアップロードを完成させることが含まれます。 🎜>
• 前提条件：

以前のチュートリアル（オリジナルで提供されるリンクまたはダウンロード）に慣れてください。 開発環境（Homesteadの改善の推奨）が設定され、実行されていることを確認してください。

ビデオとの対話（好みとウォッチリスト）：

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

2. templates/videos.phpクライアント側のajaxハンドリング（videos.js）：
このjavascriptはボタンのクリックを処理し、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呼び出し（PUTメソッド）を作成し、ステータスコードで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
});

アクセスのアップロードをリクエスト：

開発者ダッシュボードを介してVimeoアプリのアップロード許可をリクエストします。 これには数営業日かかる場合があります。

アップロードスコープを追加（承認した場合）：

承認されたら、アクセストークンに

スコープを追加します。

2. 3. アップロードビュー（upload.php）：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. アップロードルート（index.php）：ファイルアップロードとvimeo API相互作用を処理：

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

   以上がVimeo＆＃x27;のAPIを介した好み、ウォッチリスト、アップロードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。