<!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: #2f2f2f;
color: #bababa;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
direction: rtl;
text-align: right;
}
.container {
width: 90%;
max-width: 800px;
background-color: #212121;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
textarea {
width: 100%;
height: 150px;
background-color: #171717;
color: #bababa;
border: 1px solid #3c3c3c;
border-radius: 5px;
padding: 10px;
resize: none;
font-size: 16px;
}
.controls {
margin-top: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.play-btn {
background-color: #3c3c3c;
color: #bababa;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}
.play-btn:hover {
background-color: #282828;
}
.speed-control {
display: flex;
align-items: center;
color: #bababa;
}
.speed-control label {
margin-right: 10px;
}
.speed-control input {
width: 50px;
background-color: #171717;
color: #bababa;
border: 1px solid #3c3c3c;
border-radius: 5px;
text-align: center;
font-size: 16px;
}
.teleprompter {
margin-top: 20px;
height: 200px;
background-color: #171717;
color: #bababa;
padding: 20px;
border-radius: 5px;
font-size: 24px;
line-height: 1.5;
overflow-y: auto;
}
.teleprompter span.highlight {
color: #ff5252;
}
</style>
</head>
<body>
<div class="container">
<textarea id="input-text" placeholder="متن خود را اینجا وارد کنید."></textarea>
<div class="controls">
<button class="play-btn" onclick="togglePlay()">پخش</button>
<div class="speed-control">
<label for="speed">سرعت:</label>
<input type="number" id="speed" value="2" min="0.5" max="5" step="0.1">
</div>
</div>
<div class="teleprompter" id="teleprompter"></div>
</div>
<script>
let isPlaying = false;
let currentWordIndex = 0;
let intervalId;
function togglePlay() {
const playBtn = document.querySelector('.play-btn');
const teleprompter = document.getElementById('teleprompter');
const text = document.getElementById('input-text').value;
const words = text.split(' ');
if (!isPlaying) {
teleprompter.innerHTML = '';
currentWordIndex = 0;
playBtn.textContent = 'توقف';
isPlaying = true;
intervalId = setInterval(() => {
if (currentWordIndex < words.length) {
teleprompter.innerHTML = '';
words.forEach((word, index) => {
const span = document.createElement('span');
span.textContent = word + ' ';
if (index === currentWordIndex) {
span.classList.add('highlight');
}
teleprompter.appendChild(span);
});
currentWordIndex++;
} else {
clearInterval(intervalId);
playBtn.textContent = 'پخش';
isPlaying = false;
}
}, 1000 / parseFloat(document.getElementById('speed').value));
} else {
clearInterval(intervalId);
playBtn.textContent = 'پخش';
isPlaying = false;
}
}
</script>
</body>
</html>
این اسکریپت یک تلپرامتر ساده و مینیمال است که به شما اجازه می‌دهد متن‌های خود را به صورت خودکار و با سرعت قابل تنظیم مرور کنید. این ابزار مناسب افرادی است که می‌خواهند هنگام ضبط ویدیو یا ارائه، متن‌های خود را بدون نیاز به نگاه کردن به کاغذ یا مانیتورهای اضافی بخوانند.
ویژگی‌های اصلی:
رابط کاربری مینیمال و کاربرپسند: طراحی این اسکریپت به گونه‌ای است که تمرکز کاربر بر روی متن باشد و از پیچیدگی‌های غیرضروری پرهیز شده است.
قابلیت تنظیم سرعت پخش: شما می‌توانید سرعت مرور متن را بر اساس نیاز خود تنظیم کنید. این ویژگی به شما اجازه می‌دهد تا با سرعت دلخواه خود متن را دنبال کنید.
هایلایت کلمات در حال پخش: هنگام پخش، کلماتی که در حال مرور هستند، هایلایت می‌شوند تا تمرکز شما بر روی بخشی از متن که باید خوانده شود، حفظ شود.
طراحی واکنش‌گرا: این اسکریپت در دستگاه‌های مختلف از جمله کامپیوتر، تبلت، و موبایل به خوبی کار می‌کند. اندازه فونت‌ها و دیگر عناصر به گونه‌ای تنظیم شده‌اند که بر اساس اندازه صفحه نمایش دستگاه، تغییر میکنند.
کاربردها:
تولید محتوا و ضبط ویدیو: این تلپرامتر برای افرادی که محتوای ویدیویی تولید میکنند بسیار مفید است. با استفاده از این اسکریپت، می‌توانید به راحتی متن‌های طولانی را بدون نیاز به حفظ کردن، بخوانید.
ارائه‌ها و سخنرانی‌ها: اگر نیاز دارید که در یک سخنرانی یا ارائه، متن مشخصی را دنبال کنید، این ابزار می‌تواند کمک کند تا بدون نگرانی از جا انداختن کلمات، متن خود را به خوبی ارائه دهید.
نحوه استفاده:
متن خود را در بخش مشخص شده وارد کنید.
سرعت پخش را با استفاده از کنترل‌های موجود تنظیم کنید.
با فشردن دکمه "پخش"، متن به صورت خودکار مرور میشود و شما می‌توانید آن را به راحتی بخوانید.
در هر زمان که بخواهید، می‌توانید با فشردن دکمه "توقف"، پخش را متوقف کنید.
این اسکریپت به گونه‌ای طراحی شده که بتوانید بدون نیاز به مهارت‌های خاصی از آن استفاده کنید. تنها کافی است فایل را دانلود کرده و در مرورگر خود باز کنید تا بتوانید از آن بهره ببرید.
تلپرامتر ساده و کاربرپسنده مخصوص یوتیوبری و تولید ویدیوهای خفن
اسکریپت تلپرامپتر حرفه‌ای برای ساخت ویدیو یوتوب
اسکریپت جدید تلپرامتر حرفه‌ای برای تولید محتوا ویدیو یوتیوب و آپارتت
تله پرامپتر برای ساخت ویدیو آموزشی
تلپرامتر حرفه‌ای برای تولید محتوا ویدیویی
color ,border ,teleprompter ,background ,span ,20px ,background color ,color bababa ,border radius ,font size ,size 16px ,color 171717 color ,color bababa border ,background color 171717 ,171717 color bababa