telegram-crawler/data/web/telegram.org/blog/chat-themes-interactive-emoji-read-receipts.html
2024-10-31 15:26:22 +00:00

299 lines
22 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html class="">
<head>
<meta charset="utf-8">
<title>Chat Themes, Interactive Emoji, Read Receipts in Groups and Live Stream Recording</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Chat Themes, Interactive Emoji, Read Receipts in Groups and Live Stream Recording">
<meta property="og:image" content="https://telegram.org/file/464001155/2/kLfFr4UDBdo.74223/58bec6bc2a18455c5f">
<meta property="og:site_name" content="Telegram">
<meta property="og:description" content="Today&#39;s update lets you set different themes for individual chats, share your feelings with loved ones using interactive emoji with fullscreen effects, record video and audio from live broadcasts, and see detailed read receipts in groups.">
<meta property="article:published_time" content="2021-09-19T14:56:56+00:00"><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:image" content="https://telegram.org/file/464001155/2/kLfFr4UDBdo.74223/58bec6bc2a18455c5f" />
<meta property="fb:app_id" content="254098051407226">
<meta property="vk:app_id" content="3782569">
<meta name="apple-itunes-app" content="app-id=686449807">
<meta name="telegram:channel" content="@telegram">
<link rel="canonical" href="https://telegram.org/blog/chat-themes-interactive-emoji-read-receipts" />
<link rel="icon" type="image/svg+xml" href="/img/website_icon.svg?4">
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
<link rel="alternate icon" href="/img/favicon.ico" type="image/x-icon" />
<link href="/css/bootstrap.min.css?3" rel="stylesheet">
<link href="/css/telegram.css?241" rel="stylesheet" media="screen">
</head>
<body class="preload">
<div id="fb-root"></div>
<div class="tl_page_wrap">
<div class="tl_page_head navbar navbar-static-top navbar navbar-tg">
<div class="navbar-inner">
<div class="container clearfix">
<ul class="nav navbar-nav navbar-right"><li class="dropdown top_lang_select"><a class="dropdown-toggle" onclick="return dropdownClick(this, event)" href="#"><i class="dev_top_lang_icon"></i>EN <b class="minicaret"></b></a>
<ul class="dropdown-menu"><li class="chosen "><a href="?setln=en">English</a></li><li class="long "><a href="?setln=id">Bahasa Indonesia</a></li><li class="long "><a href="?setln=ms">Bahasa Melayu</a></li><li class=""><a href="?setln=de">Deutsch</a></li><li class=""><a href="?setln=es">Español</a></li><li class=""><a href="?setln=fr">Français</a></li><li class=""><a href="?setln=it">Italiano</a></li><li class=""><a href="?setln=nl">Nederlands</a></li><li class=""><a href="?setln=uz">Ozbek</a></li><li class=""><a href="?setln=pl">Polski</a></li><li class="long "><a href="?setln=pt-br">Português (Brasil)</a></li><li class=""><a href="?setln=tr">Türkçe</a></li><li class=""><a href="?setln=be">Беларуская</a></li><li class=""><a href="?setln=ru">Русский</a></li><li class=""><a href="?setln=uk">Українська</a></li><li class=""><a href="?setln=ar">العربية</a></li><li class=""><a href="?setln=fa">فارسی</a></li><li class=""><a href="?setln=ko">한국어</a></li></ul></li><li class="navbar-twitter hidden-xs"><a href="https://twitter.com/telegram" target="_blank" data-track="Follow/Twitter" onclick="trackDlClick(this, event)"><i class="icon icon-twitter"></i> Twitter</a></li></ul>
<ul class="nav navbar-nav">
<li class=""><a href="/">Home</a></li>
<li class=""><a href="/faq">FAQ</a></li>
<li class=""><a href="/apps">Apps</a></li>
<li class="hidden-xs "><a href="//core.telegram.org/api">API</a></li>
<li class="hidden-xs "><a href="//core.telegram.org/mtproto">Protocol</a></li>
</ul>
</div>
</div>
</div>
<div class="container clearfix tl_page_container ">
<div class="tl_page">
<div class="tl_contest_page_wrap">
<div class="tl_blog_side_blog"><div class="side_blog_wrap">
<div class="side_blog">
<a href="/blog" class="side_blog_header">Recent News</a>
<div class="side_blog_entries">
<a href="/blog/dynamic-video-quality-and-more" class="side_blog_entry">
<div class="side_blog_date">Oct 31</div>
<div class="side_blog_title">Improved Videos and Much More</div>
</a><a href="/blog/gifts-verification-platform" class="side_blog_entry">
<div class="side_blog_date">Oct 5</div>
<div class="side_blog_title">Gifts, Verification Platform and More</div>
</a><a href="/blog/star-giveaways-iv-in-browser" class="side_blog_entry">
<div class="side_blog_date">Sep 6</div>
<div class="side_blog_title">Star Giveaways and More</div>
</a><a href="/blog/superchannels-star-reactions-subscriptions" class="side_blog_entry">
<div class="side_blog_date">Aug 14</div>
<div class="side_blog_title">Super Channels, Star Reactions and Subscriptions</div>
</a><a href="/blog/w3-browser-mini-app-store" class="side_blog_entry">
<div class="side_blog_date">Jul 31</div>
<div class="side_blog_title">Telegram Browser, Mini App Store, Gifting Stars and More</div>
</a><a href="/blog/mini-app-bar-paid-media-and-more" class="side_blog_entry">
<div class="side_blog_date">Jun 30</div>
<div class="side_blog_title">Mini App Bar, Paid Media, Story Search &amp; More</div>
</a><a href="/blog/telegram-stars" class="side_blog_entry">
<div class="side_blog_date">Jun 6</div>
<div class="side_blog_title">Telegram Stars: Pay for Digital Goods and More</div>
</a>
</div>
</div>
</div></div>
<div id="dev_page_content_wrap" class=" ">
<div class="dev_page_bread_crumbs"></div>
<h1 id="dev_page_title">Chat Themes, Interactive Emoji, Read Receipts in Groups and Live Stream Recording</h1>
<div id="dev_page_content"><div class="blog_side_image_wrap">
<picture class="dev_page_tgsticker blog_side_image js-tgsticker_image" style="width:160px;"><div style="padding-top:100%"></div><source type="application/x-tgsticker" srcset="/file/464001022/3/08zHFWwG288.17246/89bef093fad4bfbd3e"><img src="/file/464001022/4/eSPHTJem5R4.41940.png/6d735736731c5e9770" /></picture>
</div>
<div class="blog_wide_image">
<a href="/file/464001201/3/gtwtSMRXba0.204892/b102dc7205689001f3" target="_blank"><img src="/file/464001155/2/kLfFr4UDBdo.74223/58bec6bc2a18455c5f" srcset="/file/464001201/3/gtwtSMRXba0.204892/b102dc7205689001f3, 1200w" title="Zero-gravity conditions not included with the update." alt="Introducing Chat Themes, Interactive Emoji, Read Receipts in Groups and Live Stream Recording"/></a>
</div>
<p>Today&#39;s update lets you <strong>set different themes for individual chats</strong>, share your feelings with loved ones using <strong>interactive emoji</strong> with fullscreen effects, see <strong>detailed read receipts</strong> in groups and <strong>record video</strong> and audio from live broadcasts.</p>
<h3><a class="anchor" name="chat-themes" href="#chat-themes"><i class="anchor-icon"></i></a>Chat Themes</h3>
<p>Telegram has dozens of features to organize your chats and customize their appearance, from <a href="https://telegram.org/blog/folders">Chat Folders</a> to <a href="https://telegram.org/blog/animated-backgrounds">Animated Backgrounds</a>. In this update, coordination and decoration come together with <strong>new themes for individual chats</strong>.</p>
<p>Our designers created <strong>8 new themes</strong> that you can apply to <strong>specific</strong> private chats. Each of the new themes features colorful <strong>gradient message bubbles</strong>, beautifully <strong>animated backgrounds</strong> and <strong>unique background patterns</strong>.</p>
<div class="blog_video_player_wrap" style="max-width: 400px; margin: 20px auto 20px;">
<video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="/file/464001886/2/5ugRdJYEz5c.152462/fed96846ba42463c8d" style="max-width: 400px;" title="That chat theme really ties the room together." alt="Chat Themes">
<source src="/file/464001424/4/Lo52Rt9Ay5s.4654350.mp4/1db8d7a8c3f83f8129" type="video/mp4">
</video>
</div>
<p>Both you and your chat partner can choose the theme for <strong>both sides</strong> and make any conversation easy to recognize, even when you can&#39;t find your glasses. This way you can set <strong>different themes</strong> for chats with co-workers and family members, so you won&#39;t accidentally send <a href="https://t.me/MemesTelegram/45">that video</a> to your boss again. </p>
<blockquote>
<p>To set a theme for your chat on <strong>Android</strong>, tap <em>&gt; Change Colors</em>. On <strong>iOS</strong>, tap the <em>Chat Header &gt;&gt; Change Colors</em>. Your chat partner will see the theme if they are using the <strong>latest</strong> version of Telegram.</p>
</blockquote>
<p>Each theme comes with a <strong>day</strong> and <strong>night</strong> version and will follow your app&#39;s <strong>night mode settings</strong> whether you keep it dark all day, or have your chats follow the sun.</p>
<p>These first 8 themes are just the beginning our designers are already working on adding more.</p>
<h3><a class="anchor" name="interactive-emoji" href="#interactive-emoji"><i class="anchor-icon"></i></a>Interactive Emoji</h3>
<p>We love animating emoji, but there are times when even a big red beating heart that makes your phone vibrate with each beat! is simply <em>not enough</em> to express your feelings.</p>
<p>With a little code, a little drawing and a lot of dark magic, we&#39;ve created a new way of <strong>sharing emotion in real time</strong>. Send a single <img class="emoji" src="//telegram.org/img/emoji/40/F09F8E86.png" width="20" height="20" alt="🎆" /> <img class="emoji" src="//telegram.org/img/emoji/40/F09F8E89.png" width="20" height="20" alt="🎉" /> <img class="emoji" src="//telegram.org/img/emoji/40/F09F8E88.png" width="20" height="20" alt="🎈" /> <img class="emoji" src="//telegram.org/img/emoji/40/F09F918D.png" width="20" height="20" alt="👍" /> <img class="emoji" src="//telegram.org/img/emoji/40/F09F92A9.png" width="20" height="20" alt="💩" /> or <img class="emoji" src="//telegram.org/img/emoji/40/E29DA4.png" width="20" height="20" alt="❤️" /> to any private chat, then <strong>tap on the animated emoji</strong> to unleash a <strong>fullscreen effect</strong>.</p>
<p>If both you and your chat partner have the chat open, the <strong>animations</strong> and <strong>vibrations</strong> play <strong>simultaneously</strong> on your devices, so you feel close even when you&#39;re far apart.</p>
<div class="blog_video_player_wrap" style="max-width: 400px; margin: 20px auto 20px;">
<video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="/file/464001355/3/Mqd3oJbs_zc.227473/e6e7ee131535d28174" style="max-width: 400px;" title="Are you feeling it now, Mr. Krabs?" alt="Interactive emoji with fullscreen effects">
<source src="/file/464001437/3/S8Rzu0giRYU.4592746.mp4/397696d82c442164fd" type="video/mp4">
</video>
</div>
<blockquote>
<p>Your chat partner will only see the effects if they are using the <strong>latest</strong> version of Telegram.</p>
</blockquote>
<p>Our artists are already back in the dungeons, working on new fullscreen effects for more animated emoji.</p>
<h3><a class="anchor" name="read-receipts-in-small-groups" href="#read-receipts-in-small-groups"><i class="anchor-icon"></i></a>Read Receipts in Small Groups</h3>
<p>Both chat themes and interactive emoji currently only work in <strong>private chats</strong>. But this update also includes a big change for <strong>groups</strong>.</p>
<p>Group messages are marked as read <strong>(✓✓)</strong> as soon as one other member sees them. In small groups, you can now also <strong>select a message you sent</strong> to see <strong>which group members</strong> have read it.</p>
<div class="blog_video_player_wrap" style="max-width: 400px; margin: 20px auto 20px;">
<video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="/file/464001903/2/Lg9g9LFeuuc.92807/e8ecccb14e0dc12498" style="max-width: 400px;" title="I've Seen things you people wouldn't believe. Read receipts on fire off the shoulders of Orion. I watched C-Themes glitter in the dark near the Tannhäuser Gate. All those comments will be lost in time, like tears in rain. Time to reply." alt="Read receipts in small groups">
<source src="/file/464001508/1/Qz-LtLRA-2U.1291847.mp4/df00034163d0fbc08e" type="video/mp4">
</video>
</div>
<blockquote>
<p>To protect users&#39; privacy, read receipts in groups are only stored for <strong>7 days</strong> after the message was sent. It is not Telegram&#39;s business to keep a record of everything you&#39;ve ever seen.</p>
</blockquote>
<h3><a class="anchor" name="record-live-streams-and-video-chats" href="#record-live-streams-and-video-chats"><i class="anchor-icon"></i></a>Record Live Streams and Video Chats</h3>
<p>Telegram hosts <strong>millions of communities</strong> that can create live events for <strong>unlimited viewers</strong>. Whether it&#39;s a once-in-a-lifetime concert or an everyday algebra class, admins can now <strong>record Live Streams</strong> and <strong>Video Chats</strong> to publish them for those who missed the live version.</p>
<!--
<div class="blog_image_wrap blog_medium_image_wrap">
<a href="/file/464001742/1/EJuh0XubzaM.164791/4ed86b84082d7575cc" target="_blank"><img src="/file/464001663/4/gRdyQwE6QvM.304911/e7b3a4b7834123eab0" title="" alt="Record live streams and video chats" srcset="/file/464001742/1/EJuh0XubzaM.164791/4ed86b84082d7575cc , 2x" /></a>
</div>
-->
<div class="blog_video_player_wrap" style="max-width: 400px; margin: 20px auto 20px;">
<video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="/file/464001879/4/j3_6zSK9ygQ.58015/15a5b98c566cf48b9c" style="max-width: 400px;" title="Lights. Camera. ⋮ . Start Recording!" alt="Record live streams and video chats">
<source src="/file/464001689/6/9ta8YUEJBTE.1912467.mp4/261017e989b5e33989" type="video/mp4">
</video>
</div>
<p>Admins can start a recording right from the Live Stream or Video Chat menu with options to record <strong>Video and Audio</strong> or <strong>Only Audio</strong>. To record video, choose an orientation for the final video file, <strong>Portrait</strong> or <strong>Landscape</strong>. After you finish recording or end the broadcast, the file is <strong>instantly uploaded</strong> to your <strong>Saved Messages</strong>.</p>
<blockquote>
<p>Tap ⋮ or ⋯ to open the broadcast menu and start recording. While recording, a red dot appears next to the title of the broadcast.</p>
</blockquote>
<!--
### Telegram Help
Millions of new users sign up for Telegram each week for many, it may be their first messaging app or even their first time using a smartphone. To help everyone get started and learn more about the app, we've created a [Telegram Help](/) channel with **convenient guides** and **video demos** for both Android and iOS.
This way you can quickly see how to [start a Secret Chat](/) on iOS or show one of your grandparents how to [send a photo](/) on Android. When you're ready for more advanced features, the [Telegram Tips](https://t.me/TelegramTips/233) channel has over **150 posts** that show you how to maximize your messaging experience available in [10 languages](https://t.me/TelegramTips/266).
-->
<p>And that should give you enough things to do until we&#39;re back with the next update. As always, it shouldn&#39;t take us long.</p>
<div><br></div>
<p><em>September 19, 2021<br>The Telegram Team</em></p>
<!--
###Video
<div class="blog_video_player_wrap" style="max-width: 400px; margin: 20px auto 20px;">
<video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="PHOTO" style="max-width: 400px;" title="TITLE" alt="TITLE">
<source src="VIDEO" type="video/mp4">
</video>
</div>
###Image
<div class="blog_image_wrap blog_medium_image_wrap">
<a href="LARGE" target="_blank"><img src="SMALL" title="TITLE" alt="TITLE" srcset="LARGE , 2x" /></a>
</div>
--></div>
</div>
<div class="tl_main_share clearfix">
<a href="https://t.me/share/url?url=https%3A%2F%2Ftelegram.org%2Fblog%2Fchat-themes-interactive-emoji-read-receipts&text=Introducing%20chat%20themes%2C%20interactive%20emoji%20with%20fullscreen%20effects%2C%20read%20receipts%20in%20small%20groups%20and%20live%20stream%20recording" class="tl_telegram_share_btn" id="tl_telegram_share_btn" data-text="Introducing chat themes, interactive emoji with fullscreen effects, read receipts in small groups and live stream recording" data-url="https://telegram.org/blog/chat-themes-interactive-emoji-read-receipts"><i class="tl_telegram_share_icon"></i><span class="tl_telegram_share_label" target="_blank">Forward</span></a>
<a href="https://twitter.com/share" class="tl_twitter_share_btn" id="tl_twitter_share_btn" data-text="Introducing chat themes, interactive emoji with fullscreen effects, read receipts in small groups and live stream recording" data-url="https://telegram.org/blog/chat-themes-interactive-emoji-read-receipts" data-via="Telegram">Tweet <span class="tl_twitter_share_cnt"></span></a>
</div>
</div>
<div class="tl_main_recent_news_wrap tlb_other_news_wrap tl_blog_list_page_wrap">
<h3 class="tl_main_recent_news_header">
<a href="/blog">Other News</a>
</h3>
<div class="tl_main_recent_news_cards clearfix">
<a class="dev_blog_card_link_wrap" href="/blog/dynamic-video-quality-and-more"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400783/3/inBnJMRsW8I.250596/95648f6c88a6890213" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Improved Videos and Much More</h4>
<div class="dev_blog_card_lead">Today&#39;s update adds faster loading, better quality and new speed controls to videos, last edit timestamps, attaching media to sent messages, increased limits for mini apps, new monetization…</div>
</div>
<div class="dev_blog_card_date">Oct 31, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/gifts-verification-platform"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400875/2/7jMIWHhNK14.271741/26556506cae1a02907" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Gifts, Verification Platform and More</h4>
<div class="dev_blog_card_lead">Users can now send Gifts to their friends: the recipients of gifts can display them on their profile pages or turn them into Stars. Additionally, Telegram launched a platform for businesses…</div>
</div>
<div class="dev_blog_card_date">Oct 5, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/star-giveaways-iv-in-browser"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400331/1/tuLhKJmWKdw.276665/463e789d166b4e3890" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Star Giveaways and More</h4>
<div class="dev_blog_card_lead">With today&#39;s update, groups and channels can use Telegram Stars as prizes in Giveaways. Also, any article you open in the Telegram Browser can now be converted to Instant View, making…</div>
</div>
<div class="dev_blog_card_date">Sep 6, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/superchannels-star-reactions-subscriptions"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400436/1/AFpKVW0u5fw.267441/5fd61b6d2531113c45" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Super Channels, Star Reactions and Subscriptions</h4>
<div class="dev_blog_card_lead">Today is Telegram&#39;s 11th anniversary. Meet Star Reactions and Star Subscriptions that let users support content creators, paid media for…</div>
</div>
<div class="dev_blog_card_date">Aug 14, 2024</div>
</div></a>
</div>
</div>
</div>
</div>
</div>
<div class="footer_wrap">
<div class="footer_columns_wrap footer_desktop">
<div class="footer_column footer_column_telegram">
<h5>Telegram</h5>
<div class="footer_telegram_description"></div>
Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.
</div>
<div class="footer_column">
<h5><a href="/faq">About</a></h5>
<ul>
<li><a href="/faq">FAQ</a></li>
<li><a href="/privacy">Privacy</a></li>
<li><a href="/press">Press</a></li>
</ul>
</div>
<div class="footer_column">
<h5><a href="/apps#mobile-apps">Mobile Apps</a></h5>
<ul>
<li><a href="/dl/ios">iPhone/iPad</a></li>
<li><a href="/android">Android</a></li>
<li><a href="/dl/web">Mobile Web</a></li>
</ul>
</div>
<div class="footer_column">
<h5><a href="/apps#desktop-apps">Desktop Apps</a></h5>
<ul>
<li><a href="//desktop.telegram.org/">PC/Mac/Linux</a></li>
<li><a href="//macos.telegram.org/">macOS</a></li>
<li><a href="/dl/web">Web-browser</a></li>
</ul>
</div>
<div class="footer_column footer_column_platform">
<h5><a href="//core.telegram.org/">Platform</a></h5>
<ul>
<li><a href="//core.telegram.org/api">API</a></li>
<li><a href="//translations.telegram.org/">Translations</a></li>
<li><a href="//instantview.telegram.org/">Instant View</a></li>
</ul>
</div>
</div>
<div class="footer_columns_wrap footer_mobile">
<div class="footer_column">
<h5><a href="/faq">About</a></h5>
</div>
<div class="footer_column">
<h5><a href="/blog">Blog</a></h5>
</div>
<div class="footer_column">
<h5><a href="/apps">Apps</a></h5>
</div>
<div class="footer_column">
<h5><a href="//core.telegram.org/">Platform</a></h5>
</div>
<div class="footer_column">
<h5><a href="/press">Press</a></h5>
</div>
</div>
</div>
<script src="/js/main.js?47"></script>
<script src="/js/tgsticker.js?31"></script>
<script>initScrollVideos(true);
mainInitTgStickers({"maxDeviceRatio":2,"cachingModulo":4});
twitterCustomShareInit();
blogSideImageInit();
backToTopInit("Go up");
removePreloadInit();
</script>
</body>
</html>