3
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

PlayCanvasAdvent Calendar 2017

Day 19

【PlayCanvas】twitter上でPlayCanvasコンテンツを動かす

Last updated at Posted at 2017-12-21

#何
twitterのplayer cardを使ってPlayCanvasのコンテンツを動かしてみます
結果はこんな感じ
embedtwitter.gif
https://twitter.com/utautattaro/status/970216193679179776

#やり方
twitter の player cardを利用します
Player card — Twitter Developers

HTMLのhead内に以下のようにtwitter 用のmetaタグを記入します。

index.html
<head>
<meta name='twitter:card' content='player'/>
<meta name='twitter:title'content=タイトル/>
<meta name='twitter:description'content=説明/>
<meta name='twitter:image'content=実行前に表示される画像の絶対パス/>
<meta name='twitter:player'content=PlayCanvasの実行URL/>
<meta name='twitter:player:width'content='640'/>
<meta name='twitter:player:height'content='480'/>
</head>

登録ができたら以下のリンクから正しく登録できたかテストします。
Card Validator - Twitter

player cardの場合はドメイン単位でtwitterのwhitelistに登録する必要があるので、まず使う前に上のリンクから登録します。

1,2日程度で登録が完了したメールが届くので、以降はURLをつぶやくだけで使うことができます。

3
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?