メインコンテンツに移動

メインナビゲーション

  • ホーム
  • サイトマップ
  • ビデオ
  • ご連絡

パンくず

  • ホーム
  • コンテンツ作成時にビデオをYoutubeに自動アップロードの設定

コンテンツ作成時にビデオをYoutubeに自動アップロードの設定

drupal
module
youtube upload
node

やりたいこと:コンテンツ(例:記事)の作成時にビデオをYoutubeに自動的にアップロード

  • ウェブサイトの公開コンテンツにビデオデータが含まれた場合、そのビデオをYoutubeにアップロードした方が拡散しやすくなります
  • コンテンツが作成後に、アップロードすることができますが、それが面倒です。Twitter/Facebookに自動投稿できるようにしたいです
  • ここでは、モジュール:YoutubeUpload がビデオをコンテンツのフィールドとして追加し、Youtubeにアップロードすることができます

Youtube Uploadの導入手順

  • モジュールのインストールからGoogleAPIの利用、Google認証などが必要となります
    モジュール:YoutubeUpload をダウンロードして、インストールし、有効化をします
  • Google API PHPライブラリをダウンロードして、librariesディレクトリに入れます
    • ライブラリのダウンロード:https://github.com/google/google-api-php-client
    • ダウンロードしたファイルを「sites/all/libraries」に展開します
    • 展開されたフォルダ名を修正する必要があります。
    • 必ずautoload.phpが以下のように配置されます: sites/all/libraries/google-api-php-client/src/Google/autoload.php
  • Google CORS UploadのJSファイルをダウンロードして、librariesディレクトリに入れます
    • ​ライブラリのダウンロード:https://raw.githubusercontent.com/youtube/api-samples/master/javascript…
    • librariesディレクトリに配置します:sites/all/libraries/google-api-cors-upload/cors_upload.js
  • GoogleAPI管理画面(https://console.developers.google.com/apis/dashboard)で適切なプロジェクトを作成します
  • GooglePAI認証管理(https://console.developers.google.com/apis/credentials)でサイトのサイトのURLなどの情報を入力します
    • API呼び出す場所:ウェブブラウザ(javascript)
    • アクセスするデータの書類:ユーザーデータ
    • 認証済みのリダイレクトURI: http://www.old-pine.net/youtube_uploader/oauth2callback (間違ったら、Googleでの認証はできない)
  • モジュール管理画面: ホーム » 管理 » 環境設定 » メディア » YouTube Uploader でGoogle OAuthで生成したClientIDとClientSecretを入力します
    • 上記情報を入力して、保存ボタンを押すと、ページの上方にGoogleで認証するようなメッセージ(You need to allow your application by follwing this link)が表示されます
    • リンク(this link)をクリックして、Googleの認証画面でAppのアクセス権限を取得します

コンテンツ管理画面でYoutube Uploadフィールドを追加し、コンテンツ作成時にビデオデータをYoutubeにアップロード

  • コンテンツ(例:Article)管理画面(ホーム » 管理 » サイト構築 » コンテンツタイプ » Article » フィールドの管理)でYoutube Uploadフィールドを追加します
  • 新しいコンテンツ(Article)を作成する際に、追加されたYoutube Uploadフィールドが現れます
  • ファイル選択でビデオデータを選択し、タイトルを適切に入力して、アップロードボタンを押して、ブラウザからビデオデータをYoutubeにアップロードされます
    ​
ホーム

古松

検索

Article Category

  • apache(7)
  • css(19)
  • drupal(295)
  • Electron(4)
  • html(34)
  • javascript(27)
  • laravel(4)
  • linux(5)
  • macOS(2)
  • mysql(13)
  • php(19)
  • python(4)
  • SEO(12)
  • video(72)
  • Visual Studio Code(4)
  • windows(13)
  • wordpress(32)