<!DOCTYPE html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Teleprompter</title>
<style>
body {
font-family: 'Arial', sans-serif;
background-color: #171717;
color: #bababa;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.container {
width: 90%;
max-width: 800px;
margin: 0 auto;
text-align: center;
}
h1 {
font-size: 2em;
margin-bottom: 20px;
}
textarea {
width: 100%;
height: 200px;
background-color: #2f2f2f;
color: #bababa;
border: none;
padding: 10px;
margin-bottom: 20px;
resize: none;
font-size: 1em;
border-radius: 8px;
}
.controls {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.controls button, .controls input {
background-color: #3c3c3c;
color: #bababa;
border: none;
padding: 10px 20px;
margin: 0 10px;
font-size: 1em;
border-radius: 8px;
cursor: pointer;
}
.controls input {
max-width: 100px;
}
.teleprompter {
background-color: #212121;
color: #bababa;
padding: 20px;
border-radius: 8px;
height: 200px;
overflow-y: hidden;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5em;
}
@media (max-width: 600px) {
.teleprompter {
font-size: 1.2em;
height: 150px;
}
.controls button, .controls input {
padding: 8px 16px;
font-size: 0.9em;
}
}
</style>
</head>
<body>
<div class="container">
<h1>تلپرامتر</h1>
<textarea id="text-input" placeholder="متن خود را وارد کنید."></textarea>
<div class="controls">
<button id="start-btn">پخش</button>
<button id="stop-btn">توقف</button>
<label for="speed">سرعت:</label>
<input type="range" id="speed" min="1" max="10" step="1" value="5">
</div>
<div class="teleprompter" id="teleprompter"></div>
</div>
<script>
document.addEventListener('DOMContentLoaded', () => {
const textInput = document.getElementById('text-input');
const teleprompter = document.getElementById('teleprompter');
const startBtn = document.getElementById('start-btn');
const stopBtn = document.getElementById('stop-btn');
const speedInput = document.getElementById('speed');
let intervalId;
let speed = 1000 / speedInput.value;
startBtn.addEventListener('click', () => {
const text = textInput.value;
const words = text.split(' ');
let index = 0;
if (intervalId) clearInterval(intervalId);
intervalId = setInterval(() => {
if (index < words.length) {
teleprompter.textContent = words.slice(index, index + 10).join(' ');
index += 10;
} else {
clearInterval(intervalId);
}
}, speed);
});
stopBtn.addEventListener('click', () => {
clearInterval(intervalId);
});
speedInput.addEventListener('input', () => {
speed = 1000 / speedInput.value;
if (intervalId) {
clearInterval(intervalId);
startBtn.click();
}
});
});
</script>
</body>
</html>
توضیحات محصول: اسکریپت تلپرامتر مینیمال
این اسکریپت یک ابزار ساده و کاربردی برای تولیدکنندگان محتوا است که نیاز به یک تلپرامتر (Teleprompter) دارند. تلپرامتر به شما این امکان را می‌دهد که متن‌های طولانی خود را به صورت روان و هماهنگ با ضبط ویدیو یا صدا بخوانید، بدون نیاز به حفظ کردن متن یا استفاده از کاغذهای نوشته شده.
ویژگی‌های اصلی:
طراحی ساده و مینیمال:
این اسکریپت با استفاده از ترکیب رنگی تیره و مینیمال طراحی شده است تا به سادگی و با کمترین حواس‌پرتی، وظیفه خود را انجام دهد. از ترکیب رنگ‌های #2f2f2f، #212121، #171717، #3c3c3c و #282828 استفاده شده است که با متن‌هایی به رنگ #bababa سازگاری کامل دارد.
ریسپانسیو و سازگار با تمام پلتفرم‌ها:
این اسکریپت به صورت کامل ریسپانسیو طراحی شده است، به این معنی که در تمامی دستگاه‌ها از جمله موبایل، تبلت و دسکتاپ به درستی کار می‌کند. همچنین اندازه فونت‌ها به صورت خودکار با اندازه صفحه نمایش تنظیم میشود تا در هر شرایطی خوانایی مناسبی داشته باشد.
کاربری آسان:
شما به سادگی می‌توانید متن خود را در کادر ورودی قرار دهید و با فشار دادن دکمه "پخش"، تلپرامتر شروع به کار خواهد کرد. متن به صورت دسته‌های ده کلمه‌ای نمایش داده میشود و شما می‌توانید با استفاده از کنترل سرعت، سرعت نمایش را با سرعت خواندن خود تنظیم کنید.
کنترل‌های کاربردی:
دکمه‌های "پخش" و "توقف" به شما این امکان را می‌دهند که پخش متن را کنترل کنید و در هر زمان که لازم بود، آن را متوقف کرده و یا از سر بگیرید. همچنین با استفاده از یک نوار تنظیم سرعت، می‌توانید سرعت نمایش متن را به دلخواه خود تنظیم کنید.
بهینه برای تولید محتوا:
این اسکریپت به تولیدکنندگان محتوا این امکان را می‌دهد که بدون نیاز به نگاه کردن به یادداشت‌های کاغذی، متن خود را به طور مستقیم و روان از روی صفحه نمایش بخوانند. این ویژگی باعث افزایش کیفیت ویدیوهای ضبط شده و کاهش زمان لازم برای تولید محتوا میشود.
کاربردها:
ضبط ویدیوهای آموزشی و تبلیغاتی: این اسکریپت به ویژه برای کسانی که نیاز به ضبط ویدیوهای آموزشی دارند مناسب است. شما می‌توانید متن خود را بدون نگرانی از فراموشی یا غلط خواندن، به صورت روان و طبیعی ارائه دهید.
پادکست‌ها و ضبط صدا: اگر قصد دارید پادکست یا محتوای صوتی ضبط کنید، این تلپرامتر به شما کمک می‌کند تا متن خود را به طور پیوسته و بدون نیاز به توقف ضبط بخوانید.
نتیجه‌گیری:
این اسکریپت تلپرامتر ابزاری مفید و ساده برای هر کسی است که به تولید محتوای ویدیویی یا صوتی مشغول است. طراحی مینیمال، ریسپانسیو بودن و کنترل‌های آسان از ویژگی‌های کلیدی این ابزار هستند که به شما کمک می‌کنند محتوای خود را با کیفیت بالاتری تولید کنید.
تلپرامتر ساده و کاربرپسنده مخصوص یوتیوبری و تولید ویدیوهای خفن
اسکریپت تلپرامپتر حرفه‌ای برای ساخت ویدیو یوتوب
اسکریپت جدید تلپرامتر حرفه‌ای برای تولید محتوا ویدیو یوتیوب و آپارتت
تله پرامپتر برای ساخت ویدیو آموزشی
تلپرامتر حرفه‌ای برای تولید محتوا ویدیویی
اسکریپت ,intervalid ,color ,تلپرامتر ,const ,center ,font size ,document getelementbyid ,clearinterval intervalid ,background color ,color bababa ,justify content center ,align items center ,1000 speedinput value ,برای تولید محتوا