Twitch

【Twitch】ブログやウェブサイトに配信を埋め込む方法(ミュート埋め込みも)

#17LIVE #PR

雑談なら17LIVE

17LIVEのアプリのDL先はこちら

筆者もここで活動しているよ!

掲載期間 2022年3月22日(火)~2022年4月30日(土)

みなさんおはこんばちわ(@ReinyaNchannel)

みなさん自分のブログやウェブサイトに自分の配信を埋め込んでる方はどれぐらいいますか?
わしは少なからず埋め込んでる人の内の一人です

さて、今回紹介する記事は自分のブログやウェブサイトに自分の配信を埋め込む方法です

なお、埋め込む際、方法として2種類紹介していきますが、ミュート再生で埋め込む方法とTwitch本体から提供されているデフォルトでの埋め込み方法です

ミュートで再生される方で埋め込む方法

ミュートで埋め込む方法です
こちらの方法は若干めんどくさいので焦らずやっていきましょう

以下にコードを貼っておきます(javaScript)

<script src= "http://player.twitch.tv/js/embed/v1.js"></script>
<div id="{PLAYER_DIV_ID}"></div>
<script type="text/javascript">
var options = {
width: ここの数値は横幅の数値,
height: ここの数値は縦幅の数値,
channel: "{ここには自分のユーザーID}", 
//video: "{VIDEO_ID}"       
};
var player = new Twitch.Player("{PLAYER_DIV_ID}", options);
player.setVolume(0.0);
player.addEventListener(Twitch.Player.PAUSE, () => { console.log('Player is paused!'); });
</script>

とりあえず黙ってこのコード参考しながらサイドバーや固定ページなどに埋め込んでください
幸せになれますよ

これで誰が見てもミュートで再生されます
例えエロゲー配信や配信者の喘ぎ声も閲覧者には聞こえません閲覧者がミュートを解除したときのみ音声は再生されます

注意点

下記のコードがありますが、ここで再生されるときの音量を設定することができます(数字の方ね「(0.0)」)
※ブログ管理者はここの数値のいじり方を忘れたのであしからず。ご自身で調整してください

このミュート埋め込みのメリット

視聴数がカウントされるので非常に便利です
視聴数がカウントされるということは、コミュニティーに参加している配信者は上位に載るということになります
これは使わない手はない!

ブログを運営しているブロガーやサイト管理者で閲覧者が多い人は自ずとTwitchの方に視聴数はカウントされますが、初めて始めた人なんかは中々閲覧者が増えません。なのでコツコツと記事を書き閲覧者を増やしていきましょう

ご利用は容量を守って使いましょう

player.setVolume(0.0);

Twitch公式の埋め込みコード

至って簡単です
画像のようにやればブログをやってる人はすうぐできるかと思います

・チャンネルを埋め込むってやあつをコピペすれば埋め込めます

ちょっとしたデメリットも

埋め込むの簡単ですが、Twitch公式の埋め込み機能は自動ミュートがありません

なので閲覧者は配信者の喘ぎ声が丸聞こえです

Twitch公式の埋め込み機能で自動再生オフにする方法もあります

わしのチャンネルの埋込コードで説明します
これがわしのチャンネルの埋め込みコード

<iframe src="https://player.twitch.tv/?channel=reinyan_channel" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe><a href="https://www.twitch.tv/reinyan_channel?tt_content=text_link&tt_medium=live_embed" style="padding:2px 0px 4px; display:block; width:345px; font-weight:normal; font-size:10px; text-decoration:underline;">れいにゃんのライブビデオをwww.twitch.tvから視聴する</a>

 

とある、おまじないコードをいれます

<iframe src="https://player.twitch.tv/autoplay=false&?channel=reinyan_channel

 

ちょいと分かりづらいと思うので、わかりやすく書きます

  • 変更前
    <iframe src="https://player.twitch.tv/?channel=reinyan_channel
  • 変更後
    <iframe src="https://player.twitch.tv/autoplay=false&?channel=reinyan_channel

お分かりに鳴りましたか?こんな感じです
autoplay=false&をぶち込むだけです

まとめ

これで頑張ればもしかしたらアフィリエイトの参加資格を得られるかもしれません
なんせ、Twitchは一からスタートし、本当の自分のチカラでパートナーやアフィリエイトプログラムに参加している人は多分そんなにいないと思う
なので、難しいので自分ブログやウェブサイトを運営しているのであれば、ぜひとも活用して参加資格を勝ち取るのです!!

わしもブログの埋め込み機能のおかげで一度はアフィリエイトプログラムに参加しています
まあ、アフィリエイトに参加している人は同時配信は禁止なのでわしは取り消しにしてもらったけど

ちなみにアフィリエイトに参加している人で他サイトと同時に同時配信しているとBAN対象になるので気をつけてね♡
わし一度BAN食らってますからね(規約違反を犯した)

サイト管理者のプロフィール

AkaMaruServer

ReinyaN

17LIVEを拠点に活動しているストリーマーで活動してる「ReinyaN」です ゲーム配信しながら雑談をしています。 ブログでは配信に関する情報の記事を上げており、参考になる記事がたくさんあると思いますので探してみてください。

関連記事とスポンサーリンク

  • この記事を書いた人
  • 最新記事

ReinyaN

17LIVEを拠点に活動しているストリーマーで活動してる「ReinyaN」です ゲーム配信しながら雑談をしています。 ブログでは配信に関する情報の記事を上げており、参考になる記事がたくさんあると思いますので探してみてください。

-Twitch
-, , , , ,


Warning: include(): Filename cannot be empty in /home/reinyanch/25reinyan25.net/public_html/wp-content/plugins/st-lazy-load/templates/wp-template.php on line 11

Warning: include(): Failed opening '' for inclusion (include_path='.:/opt/php-7.4.28/data/pear') in /home/reinyanch/25reinyan25.net/public_html/wp-content/plugins/st-lazy-load/templates/wp-template.php on line 11