{"id":920000,"date":"2026-06-22T03:00:00","date_gmt":"2026-06-21T18:00:00","guid":{"rendered":"https:\/\/yuaworks.com\/?page_id=920000"},"modified":"2026-06-22T03:11:42","modified_gmt":"2026-06-21T18:11:42","slug":"stream-tools","status":"publish","type":"page","link":"https:\/\/yuaworks.com\/en\/stream-tools\/","title":{"rendered":"Streaming Tools"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   YuaWorks Stream Tools Index\n   Fixed Page Scoped CSS\n   Scope: .ywtool-page-index\n========================================================= *\/\n\n.ywtool-page-index {\n  --st-bg: rgba(255,255,255,.035);\n  --st-bg-strong: rgba(255,255,255,.055);\n  --st-line: rgba(180,200,230,.18);\n  --st-line-strong: rgba(79,195,255,.34);\n  --st-text: #e8edf5;\n  --st-muted: #a9b4c3;\n  --st-dim: #7f8b9a;\n  --st-accent: #4fc3ff;\n  --st-accent-2: #7a6cff;\n  --st-radius: 14px;\n\n  width: min(980px, calc(100% - 32px));\n  margin: 0 auto;\n  padding: 120px 0 90px;\n  color: var(--st-text);\n  font-family: \"Noto Sans JP\", \"Hiragino Sans\", \"Yu Gothic\", \"Meiryo\", sans-serif;\n  line-height: 1.9;\n}\n\n.ywtool-page-index * {\n  box-sizing: border-box;\n}\n\n.ywtool-page-index a {\n  transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease, opacity .2s ease;\n}\n\n.ywtool-doc-head {\n  margin-bottom: 54px;\n  padding-bottom: 30px;\n  border-bottom: 1px solid var(--st-line);\n}\n\n.ywtool-kicker {\n  margin: 0 0 12px;\n  color: var(--st-accent);\n  font-family: \"SFMono-Regular\", \"Consolas\", \"Menlo\", monospace;\n  font-size: 11px;\n  letter-spacing: .16em;\n  line-height: 1.6;\n}\n\n.ywtool-page-index h1,\n.ywtool-page-index h2,\n.ywtool-page-index h3 {\n  color: #fff;\n  letter-spacing: .04em;\n}\n\n.ywtool-page-index h1 {\n  margin: 0 0 20px;\n  font-size: clamp(34px, 5vw, 52px);\n  line-height: 1.35;\n  font-weight: 700;\n}\n\n.ywtool-page-index h2 {\n  margin: 0 0 14px;\n  font-size: clamp(22px, 3.2vw, 30px);\n  line-height: 1.45;\n  font-weight: 700;\n}\n\n.ywtool-page-index h3 {\n  margin: 0 0 8px;\n  font-size: 17px;\n  line-height: 1.6;\n  font-weight: 700;\n}\n\n.ywtool-page-index p {\n  margin: 0 0 18px;\n  color: var(--st-muted);\n  font-size: 15px;\n  line-height: 2;\n}\n\n.ywtool-page-index p:last-child {\n  margin-bottom: 0;\n}\n\n.ywtool-section {\n  margin-top: 58px;\n}\n\n.ywtool-section-head {\n  margin-bottom: 24px;\n}\n\n.ywtool-tool-list {\n  display: grid;\n  gap: 18px;\n}\n\n.ywtool-tool-row {\n  display: grid;\n  grid-template-columns: 64px 1fr;\n  gap: 22px;\n  padding: 28px;\n  border: 1px solid var(--st-line);\n  border-radius: var(--st-radius);\n  background:\n    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018)),\n    rgba(8,10,15,.42);\n}\n\n.ywtool-featured-row {\n  border-color: var(--st-line-strong);\n  background:\n    linear-gradient(180deg, rgba(79,195,255,.07), rgba(255,255,255,.018)),\n    rgba(8,10,15,.5);\n}\n\n.ywtool-row-number {\n  color: rgba(255,255,255,.28);\n  font-family: \"SFMono-Regular\", \"Consolas\", \"Menlo\", monospace;\n  font-size: 22px;\n  font-weight: 700;\n  line-height: 1.2;\n}\n\n.ywtool-row-body {\n  min-width: 0;\n}\n\n.ywtool-status-line {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin: 10px 0 18px;\n}\n\n.ywtool-status {\n  display: inline-flex;\n  align-items: center;\n  min-height: 26px;\n  padding: 3px 10px;\n  border-radius: 999px;\n  border: 1px solid rgba(180,200,230,.18);\n  color: var(--st-muted);\n  background: rgba(255,255,255,.035);\n  font-size: 12px;\n  line-height: 1.6;\n}\n\n.ywtool-status.primary {\n  border-color: rgba(79,195,255,.35);\n  color: #cdefff;\n  background: rgba(79,195,255,.08);\n}\n\n.ywtool-status.pending {\n  border-color: rgba(183,160,106,.34);\n  color: #dfcfaa;\n  background: rgba(183,160,106,.08);\n}\n\n.ywtool-row-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 14px;\n  margin-top: 22px;\n}\n\n.ywtool-btn,\n.ywtool-page-index a.ywtool-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 42px;\n  padding: 9px 18px;\n  border-radius: 6px;\n  border: 1px solid rgba(79,195,255,.42);\n  background: rgba(79,195,255,.08);\n  color: #eaf7ff !important;\n  text-decoration: none;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: .06em;\n}\n\n.ywtool-btn:hover,\n.ywtool-page-index a.ywtool-btn:hover {\n  transform: translateY(-1px);\n  background: rgba(79,195,255,.13);\n  border-color: rgba(79,195,255,.62);\n}\n\n.ywtool-btn.secondary,\n.ywtool-page-index a.ywtool-btn.secondary {\n  border-color: rgba(180,200,230,.24);\n  background: rgba(255,255,255,.035);\n  color: var(--st-text) !important;\n}\n\n.ywtool-link,\n.ywtool-page-index a.ywtool-link {\n  color: var(--st-accent) !important;\n  text-decoration: none;\n  border-bottom: 1px solid rgba(79,195,255,.34);\n  font-size: 13px;\n  line-height: 1.8;\n}\n\n.ywtool-link:hover,\n.ywtool-page-index a.ywtool-link:hover {\n  color: #fff !important;\n  border-color: rgba(255,255,255,.55);\n}\n\n.ywtool-compare-table {\n  border: 1px solid var(--st-line);\n  border-radius: var(--st-radius);\n  overflow: hidden;\n  background: rgba(255,255,255,.025);\n}\n\n.ywtool-compare-table > div {\n  display: grid;\n  grid-template-columns: 1.2fr .8fr;\n  gap: 18px;\n  padding: 18px 22px;\n  border-bottom: 1px solid var(--st-line);\n}\n\n.ywtool-compare-table > div:last-child {\n  border-bottom: none;\n}\n\n.ywtool-compare-table strong {\n  color: var(--st-text);\n  font-size: 14px;\n  line-height: 1.8;\n}\n\n.ywtool-compare-table span {\n  color: var(--st-accent);\n  font-size: 14px;\n  line-height: 1.8;\n}\n\n.ywtool-note-box {\n  margin-top: 26px;\n  padding: 20px 22px;\n  border: 1px solid rgba(180,200,230,.16);\n  border-radius: var(--st-radius);\n  background: rgba(255,255,255,.026);\n}\n\n.ywtool-note-box p {\n  font-size: 14px;\n}\n\n@media (max-width: 768px) {\n  .ywtool-page-index {\n    width: min(100% - 26px, 560px);\n    padding: 90px 0 70px;\n  }\n\n  .ywtool-doc-head {\n    margin-bottom: 40px;\n  }\n\n  .ywtool-section {\n    margin-top: 46px;\n  }\n\n  .ywtool-tool-row {\n    grid-template-columns: 1fr;\n    gap: 14px;\n    padding: 24px 20px;\n  }\n\n  .ywtool-row-number {\n    font-size: 15px;\n    color: var(--st-accent);\n  }\n\n  .ywtool-row-actions {\n    align-items: stretch;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .ywtool-btn,\n  .ywtool-page-index a.ywtool-btn {\n    width: 100%;\n  }\n\n  .ywtool-link,\n  .ywtool-page-index a.ywtool-link {\n    width: fit-content;\n  }\n\n  .ywtool-compare-table > div {\n    grid-template-columns: 1fr;\n    gap: 4px;\n    padding: 17px 18px;\n  }\n}\n<\/style>\n\n<div class=\"ywtool-page-index\">\n  <section class=\"ywtool-doc-head\">\n    <p class=\"ywtool-kicker\">YUAWORKS STREAM TOOLS<\/p>\n    <h1>Streaming Tools<\/h1>\n    <p>This page introduces streaming support tools provided by YuaWorks. You can find tools for stream operation, comments, singing streams, viewer participation, OBS overlays, and browser-based event apps.<\/p>\n  <\/section>\n\n  <section class=\"ywtool-section\">\n    <div class=\"ywtool-tool-list\">\n      <article class=\"ywtool-tool-row ywtool-featured-row\">\n        <div class=\"ywtool-row-number\">01<\/div>\n        <div class=\"ywtool-row-body\">\n          <p class=\"ywtool-kicker\">MAIN TOOL<\/p>\n          <h2>YuaLiveLog<\/h2>\n          <div class=\"ywtool-status-line\">\n            <span class=\"ywtool-status primary\">Advanced tool<\/span>\n            <span class=\"ywtool-status pending\">Preparing for release<\/span>\n          <\/div>\n          <p>YuaLiveLog is a streaming support tool designed to manage stream preparation, live operation, comments, OBS displays, singing streams, viewer participation, and post-stream records in one place.<\/p>\n          <p>It is suitable for users who want to keep session logs, listener history, stream notes, and related records for future streams.<\/p>\n\n          <div class=\"ywtool-row-actions\">\n            <a class=\"ywtool-btn\" href=\"\/en\/yualivelog\/\">View YuaLiveLog<\/a>\n            <a class=\"ywtool-link\" href=\"\/en\/yuatool\/\">View YuaTool<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"ywtool-tool-row\">\n        <div class=\"ywtool-row-number\">02<\/div>\n        <div class=\"ywtool-row-body\">\n          <p class=\"ywtool-kicker\">LIGHT TOOL<\/p>\n          <h2>YuaTool<\/h2>\n          <div class=\"ywtool-status-line\">\n            <span class=\"ywtool-status\">Lightweight tool<\/span>\n            <span class=\"ywtool-status\">For simple stream support<\/span>\n          <\/div>\n          <p>YuaTool is a simpler streaming support tool that includes useful features for live operation, such as singing streams, song requests, viewer participation, overlay displays, and comment retrieval.<\/p>\n          <p>It is suitable for users who do not need the full set of YuaLiveLog features and want to start with a lighter tool.<\/p>\n\n          <div class=\"ywtool-row-actions\">\n            <a class=\"ywtool-btn secondary\" href=\"\/en\/yuatool\/\">View YuaTool<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"ywtool-tool-row\">\n        <div class=\"ywtool-row-number\">03<\/div>\n        <div class=\"ywtool-row-body\">\n          <p class=\"ywtool-kicker\">OVERLAY<\/p>\n          <h2>Overlay Gallery<\/h2>\n          <div class=\"ywtool-status-line\">\n            <span class=\"ywtool-status\">For OBS<\/span>\n            <span class=\"ywtool-status\">Overlay assets<\/span>\n          <\/div>\n          <p>The Overlay Gallery provides overlay assets that can be used as OBS browser sources. You can add clocks, frames, boards, and other parts to your stream layout.<\/p>\n\n          <div class=\"ywtool-row-actions\">\n            <a class=\"ywtool-btn secondary\" href=\"\/en\/overlay-gallery\/\">View overview<\/a>\n            <a class=\"ywtool-link\" href=\"https:\/\/overlay.yuaworks.com\/\" target=\"_blank\" rel=\"noopener\">Open gallery<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"ywtool-tool-row\">\n        <div class=\"ywtool-row-number\">04<\/div>\n        <div class=\"ywtool-row-body\">\n          <p class=\"ywtool-kicker\">WEB APPS<\/p>\n          <h2>Streaming Web Apps<\/h2>\n          <div class=\"ywtool-status-line\">\n            <span class=\"ywtool-status\">Browser-based<\/span>\n            <span class=\"ywtool-status\">For interactive streams<\/span>\n          <\/div>\n          <p>YuaWorks Play provides browser-based apps for stream events and viewer participation, including bingo, quizzes, and participation lobbies.<\/p>\n\n          <div class=\"ywtool-row-actions\">\n            <a class=\"ywtool-btn secondary\" href=\"\/en\/yuaworks-play\/\">View overview<\/a>\n            <a class=\"ywtool-link\" href=\"https:\/\/play.yuaworks.com\/\" target=\"_blank\" rel=\"noopener\">Open YuaWorks Play<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <section class=\"ywtool-section\">\n    <div class=\"ywtool-section-head\">\n      <p class=\"ywtool-kicker\">GUIDE<\/p>\n      <h2>Which tool should I use?<\/h2>\n      <p>Use YuaLiveLog if you want to manage stream records and history in addition to live operation. Use YuaTool if you want a lighter tool for basic stream support. Overlay assets and web apps can be used together depending on your stream format.<\/p>\n    <\/div>\n\n    <div class=\"ywtool-compare-table\">\n      <div>\n        <strong>I want to manage stream operation and records together<\/strong>\n        <span>YuaLiveLog<\/span>\n      <\/div>\n      <div>\n        <strong>I want simple support for singing streams or participation streams<\/strong>\n        <span>YuaTool<\/span>\n      <\/div>\n      <div>\n        <strong>I want to improve my OBS stream layout<\/strong>\n        <span>Overlay Gallery<\/span>\n      <\/div>\n      <div>\n        <strong>I want to run interactive stream events<\/strong>\n        <span>Streaming Web Apps<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"ywtool-note-box\">\n      <p>YuaLiveLog and YuaTool share the same Support plan and billing management flow. YuaLiveLog is positioned as the advanced tool for records and management, while YuaTool is positioned as a lighter stream support tool.<\/p>\n    <\/div>\n  <\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>YUAWORKS STREAM TOOLS Streaming Tools This page introduces streaming support tools provided by YuaWorks. You can find tools for stream operation, comments, singing streams, viewer participation, OBS overlays, and browser-based event apps. 01 MAIN TOOL YuaLiveLog Advanced tool Preparing for release YuaLiveLog is a streaming support tool designed to manage stream preparation, live operation, comments, OBS displays, singing streams, viewer participation, and post-stream records in one place. It is suitable for users who want to keep session logs, listener history,&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_locale":"en_US","_original_post":"https:\/\/yuaworks.com\/?page_id=910000","footnotes":""},"class_list":["post-920000","page","type-page","status-publish","hentry","en-US"],"_links":{"self":[{"href":"https:\/\/yuaworks.com\/wp-json\/wp\/v2\/pages\/920000","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yuaworks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yuaworks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yuaworks.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yuaworks.com\/wp-json\/wp\/v2\/comments?post=920000"}],"version-history":[{"count":2,"href":"https:\/\/yuaworks.com\/wp-json\/wp\/v2\/pages\/920000\/revisions"}],"predecessor-version":[{"id":920010,"href":"https:\/\/yuaworks.com\/wp-json\/wp\/v2\/pages\/920000\/revisions\/920010"}],"wp:attachment":[{"href":"https:\/\/yuaworks.com\/wp-json\/wp\/v2\/media?parent=920000"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}