stream/restreaming の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• stream/restreaming へ行く。
• stream/restreaming の差分を削除

#author("2026-08-26T12:15:07+09:00","default:nemusg.pad","nemusg.pad")
#author("2026-08-26T12:15:34+09:00","default:nemusg.pad","nemusg.pad")
#title(TwitchとYouTubeの同時配信)

もともとTwitchで配信していた人のYouTube配信設定

#contents

** 必要なもの [#u6f899d2]

- [[obs-multi-rtmp:https://github.com/sorayuki/obs-multi-rtmp/releases]]

** 設定例 [#fb57a067]

「OBSと同期を開始」にチェックを入れておくと、OBSの配信開始で同時に配信が始まります。

&ref(./plugin_setting.png,50%);

話はそれますが自分のエンコード設定です

&ref(./obs_setting.png,50%);

** わんコメ対応例 [#q43d2f23]

&ref(./sample.png,100%);

AppData\Roaming\onecomme\templates\preset\retro を元にカスタムCSSを設定した例です。

`.comment[data-service="twitch"]` などでサービスごとのアイコン表示設定ができます。

このコードの場合、retroフォルダ内に下記のようなアイコン画像を置く必要があります。((変な画像ですが使ってもらっても大丈夫です))

&ref(./twitch_x2.png,100%);
&ref(./twitch_x2_a.png,100%);
&ref(./twitch_x2_d.png,100%);
&ref(./twitch_x2_c.png,100%);
&ref(./youtube_x2.png,100%);

#code_x{{

body {
    font-family: "Rounded Mplus 1c Medium",sans-serif;
}

:root {
    --lcv-direction: column;
    --lcv-timeout: 30s;
}

.comment-header {
    margin-bottom: 0;
}

.name {
    display: none; /* 名前非表示 */
}

.avatar {
    display: none; /* アバターアイコン非表示 */
    min-width: 24px;
    width: 24px;
    height: 24px;
    margin-top: 6px;
    margin-right: 8px;
}
.badge {
    margin-bottom: 4px;
}

:root {
    --lcv-badge-size: 1em;
}

.comment-text {
    line-height: 1.3em;
}

.comment-text,.name {
    font-size: 24px;
}

.comment-text img {
    height: 1em;
    width: auto;
}

.comment {
    margin: 8px 16px;
    padding: 12px 14px;
    border-radius: 8px;
    border:0;
    outline:0;
}
.comment:last-child::after{
    display: none; /* 三角非表示 */
}

:root {
    --lcv-name-color: #222;
    --lcv-text-color: #222;
    --lcv-background-color: #ffffff;
    /*--lcv-border-color: #333333;*/
}

.comment[data-service="twitch"] .comment-text::before,
.comment[data-service="youtube"] .comment-text::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 7px;
    vertical-align: -3px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.comment[data-service="twitch"] .comment-text::before {
    background-image: url("./twitch_x2.png"); /* twitchアイコン */
}

.comment[data-service="youtube"] .comment-text::before {
    background-image: url("./youtube_x2.png"); /* youtubeアイコン */
}
}}