Thursday, May 5, 2022

How to embed a Twitch stream on Twitter.

This is a step by step guide on how to embed your twitch stream on twitter.


Step 1.


We have a short guide on how to create a URL for an image as you will need this

Copy This and read the info under 

<html>

<head>

<meta name="twitter:image" content="PUT_URL_TO_CHANNEL _LOGO_192x192_HERE" />

<meta name="twitter:card" content="player" />

<meta name="twitter:title" content="My Live stream" />

<meta name="twitter:description" content="Today's live stream will focus on awesome. Click play to watch now!" /><meta name="twitter:player" content="https://player.twitch.tv/?channel=PUT_UR_TWITCH_CHANNEL_ID_HERE&html5&muted=true&quality=mobile&parent=twitter.com&parent=cards-frame.twitter.com&parent=cards-dev.twitter.com&parent=tweetdeck.twitter.com" />

<meta name="twitter:player:width" content="360" />

<meta name="twitter:player:height" content="200" />

<title>Live Stream Twitter Card</title>

</head>

<body>

This is a test page for Twitter Player Card

</body>

</html>


Once copied create a html file using github

Once copied make sure to check and fill out all the info such as channel logo, title, description and channel link

Step 2.

Once you have copied the code and created the file copy and enter the URL on Twitter's Card Validator. This will allow you to see what your twitter card will look like before you post.


Step 3.

Once you are happy with your twitter card you can then post the card on to twitter.

No comments:

Post a Comment

Popular Posts