Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

特定のサービスのURLは展開して埋め込むようにした #191

Merged
merged 2 commits into from
Jul 16, 2015

Conversation

kan
Copy link
Collaborator

@kan kan commented Jul 15, 2015

#99 の実装案。

twitter、Youtube、ニコ動のURLが貼られたら、auto linkだけでなく内容を埋め込むようにしてみました。

  • twitterは公式のAPIを使用。{ cards: 'hidden' }の指定をやめると画像とかも表示されますが若干画面がうるさ過ぎる感じになります。
  • Youtubeは公式のiframe埋め込みを使用。縦横を指定するともっと大きく表示できますが、埋め込み用としてはこんなものかと。
  • ニコ動は外部プレイヤーがJSで動的にロードできない仕様&(UIが)ゴツいので、動画情報とサムネの埋め込みjsのほうを使いました

これら以外に例えば http://embed.ly/ を使うと汎用的にURLの埋め込みが出来ますが、OGPに対応してないとイマイチな感じでした。わさます調べでは今回埋め込みに対応したURL以外だとmassr自身のURLを貼るケースが結構多いので、自分自身の埋め込みに対応できると良いのかもしれません。

@tdtds tdtds deployed to wasamas-pr-191 July 16, 2015 08:08 Active
@tdtds
Copy link
Member

tdtds commented Jul 16, 2015

https://wasamas-pr-191.herokuapp.com/ にてこのPRのテストアプリが動いてます。Twitterはいい感じ。YouTubeはインラインにレイアウトすると本文が苦しくなる気がする。ニコ動はなぜかサムネが展開されず。

@kan
Copy link
Collaborator Author

kan commented Jul 16, 2015

テストサイトにて認証待ちなう

@tdtds
Copy link
Member

tdtds commented Jul 16, 2015

- ニコ動の埋め込みはHTTPS非対応のため見送り
- URLのみ投稿した場合にレイアウトが崩れるので、Youtubeのiframeをdivで囲った
@kan
Copy link
Collaborator Author

kan commented Jul 16, 2015

Youtube埋め込みのレイアウト修正と、ニコ動埋め込みの削除に対応しました

tdtds added a commit that referenced this pull request Jul 16, 2015
特定のサービスのURLは展開して埋め込むようにした
@tdtds tdtds merged commit a5bdf18 into wasamas:master Jul 16, 2015
@Echos
Copy link
Collaborator

Echos commented Jul 16, 2015

認証される前にアプリが閉じてしまった悲しみ

@tdtds
Copy link
Member

tdtds commented Jul 16, 2015

massr-echos の方にdeploy済でっす

@Echos
Copy link
Collaborator

Echos commented Jul 16, 2015

👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants