telegram-crawler/data/web/telegram.org/blog/video-stickers-better-reactions.html

276 lines
21 KiB
HTML
Raw Normal View History

2022-02-24 19:51:11 +01:00
<!DOCTYPE html>
<html class="">
<head>
<meta charset="utf-8">
<title>Video Stickers, Better Reactions and More</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Video Stickers, Better Reactions and More">
<meta property="og:image" content="https://telegram.org/file/464001234/e805/Z0pNrCJET-E.104373/a38ce74977bc53b064">
<meta property="og:site_name" content="Telegram">
<meta property="og:description" content="This update brings easy-to-make video stickers, better reactions with more compact animations and extra emoji, a button to review unseen reactions, improved navigation between chats and more.">
2024-02-15 10:58:07 +01:00
2022-02-24 19:51:11 +01:00
<meta property="article:published_time" content="2022-01-31T22:15:30+00:00"><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:image" content="https://telegram.org/file/464001234/e805/Z0pNrCJET-E.104373/a38ce74977bc53b064" />
<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/video-stickers-better-reactions" />
<link rel="icon" type="image/svg+xml" href="/img/website_icon.svg?4">
2022-04-21 15:52:36 +02:00
<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" />
2022-02-24 19:51:11 +01:00
<link href="/css/bootstrap.min.css?3" rel="stylesheet">
2024-08-02 02:44:36 +02:00
<link href="/css/telegram.css?240" rel="stylesheet" media="screen">
2022-02-24 19:51:11 +01:00
</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">
2022-05-11 12:26:53 +02:00
<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>
2022-02-24 19:51:11 +01:00
<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">
2024-08-14 13:55:26 +02:00
<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">
2024-07-31 18:27:22 +02:00
<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">
2024-06-30 16:26:52 +02:00
<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">
2024-06-06 17:49:31 +02:00
<div class="side_blog_date">Jun 6</div>
<div class="side_blog_title">Telegram Stars: Pay for Digital Goods and More</div>
</a><a href="/blog/message-effects-and-more" class="side_blog_entry">
2024-05-31 19:42:39 +02:00
<div class="side_blog_date">May 31</div>
<div class="side_blog_title">Message Effects, Hashtag Search, and More</div>
</a><a href="/blog/my-profile-and-15-more" class="side_blog_entry">
2024-04-25 18:09:19 +02:00
<div class="side_blog_date">Apr 25</div>
<div class="side_blog_title">My Profile, Recommended Channels and 15 More Features</div>
</a><a href="/blog/sticker-maker" class="side_blog_entry">
2024-04-14 16:04:43 +02:00
<div class="side_blog_date">Apr 14</div>
<div class="side_blog_title">Sticker Editor — Create Your Own Stickers</div>
2022-02-24 19:51:11 +01:00
</a>
</div>
</div>
</div></div>
<div id="dev_page_content_wrap" class=" ">
<div class="dev_page_bread_crumbs"></div>
<h1 id="dev_page_title">Video Stickers, Better Reactions and More</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/464001570/f19c/xebnGoAM5e0.19487/46ee349b24011c93b5"><img src="/file/464001570/f19d/Bfpi_kkax80.33984.png/f66122b206114fa1a6" /></picture>
</div>
<div class="blog_wide_image">
<a href="/file/464001374/f1a9/VXKlA_mj0IU.299889/862f21fcdf847d774d" target="_blank"><img src="/file/464001234/e805/Z0pNrCJET-E.104373/a38ce74977bc53b064" srcset="/file/464001374/f1a9/VXKlA_mj0IU.299889/862f21fcdf847d774d, 1200w" title="Do not try this at home. Actually, no. Do try this at home, that's what this update is all about!" alt="Video Stickers, Better Reactions and More"/></a>
</div>
<p>This update brings easy-to-make <strong>video stickers</strong>, better reactions with <strong>compact animations</strong> and <strong>extra emoji</strong>, a button to review <strong>unseen reactions</strong>, improved <strong>navigation between chats</strong> and more.</p>
<h3><a class="anchor" name="video-stickers" href="#video-stickers"><i class="anchor-icon"></i></a>Video Stickers</h3>
<p>Telegram&#39;s <a href="https://telegram.org/blog/animated-stickers">animated stickers</a> have unmatched quality and efficiency needing less than <strong>30 KB</strong> of data per sticker. However, creating such stickers requires experience and specialized software such as Adobe Illustrator.</p>
<p>Today, we&#39;re adding support for stickers converted from <strong>regular videos</strong>, so that <strong>anyone</strong> can easily create detailed animated stickers using any video editing program.</p>
<div class="blog_video_player_wrap" style="max-width: 600px; margin: 20px auto 20px;">
<video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="/file/464001361/f67f/L3eErL51TSw.43672/9c35e510ddb8d41456" style="max-width: 600px;" title="To join the sticker artist team, one must fail a series of difficult sanity checks." alt="Video Stickers">
<source src="/file/464001039/fb00/ryrabmwfRFE.4760995.mp4/618c31d7b9cea8d591" type="video/mp4">
</video>
</div>
<p>Like always, you can <strong>publish your packs</strong> with the <a href="https://t.me/stickers">@Stickers</a> bot or add <a href="https://t.me/addstickers/Utya3D">some</a> <a href="https://t.me/addstickers/MATRESHKA">of the</a> <a href="https://t.me/addstickers/WackyLetters">new</a> <a href="https://t.me/addstickers/Potato">sets</a> made by others. Whatever you do, never stare back at the <a href="https://t.me/addstickers/VitaminParty">tomato</a>.</p>
<blockquote>
<p>Check out the <a href="https://core.telegram.org/stickers#video-stickers">Video Sticker Manual</a> for more details.</p>
<p>Developers can use the <a href="https://core.telegram.org/import-stickers">Sticker Import API</a> to build <a href="https://t.me/contest/280">powerful apps</a> for <strong>creating and importing stickers</strong> to Telegram.</p>
</blockquote>
<h3><a class="anchor" name="better-reactions" href="#better-reactions"><i class="anchor-icon"></i></a>Better Reactions</h3>
<p><a href="https://telegram.org/blog/reactions-spoilers-translations">Reactions</a> now have more <strong>compact animations</strong>. To send a larger effect, <strong>press and hold</strong> on a reaction in the menu.</p>
<p>Like <a href="https://telegram.org/blog/chat-themes-interactive-emoji-read-receipts#interactive-emoji">interactive emoji</a>, reactions are now <strong>synchronized</strong>, so your recipients will see the animations <strong>in real time</strong>.</p>
<div class="blog_video_player_wrap" style="max-width: 600px; margin: 20px auto 20px;">
<video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="/file/464001604/10615/Di8ChGUZBYE.22992/54107d39aeb36665ca" style="max-width: 600px;" title="Kamehame-hahaha" alt="Better Reactions">
<source src="/file/464001103/e1c6/Wynijzi49yo.9484801.mp4/315f1495f564607103" type="video/mp4">
</video>
</div>
<p>Reactions are used not only to express emotion, but also to answer questions and show approval which is why they now have <strong>read status</strong>. Like for replies or @-mentions, a <strong>new ♡ button</strong> appears when your messages have unseen reactions.</p>
<h3><a class="anchor" name="new-reactions-and-interactive-emoji" href="#new-reactions-and-interactive-emoji"><i class="anchor-icon"></i></a>New Reactions and Interactive Emoji</h3>
<p>This update also adds <strong>5 new reactions</strong> <img class="emoji" src="//telegram.org/img/emoji/40/F09FA5B0.png" width="20" height="20" alt="🥰" /><img class="emoji" src="//telegram.org/img/emoji/40/F09FA4AF.png" width="20" height="20" alt="🤯" /><img class="emoji" src="//telegram.org/img/emoji/40/F09FA494.png" width="20" height="20" alt="🤔" /><img class="emoji" src="//telegram.org/img/emoji/40/F09FA4AC.png" width="20" height="20" alt="🤬" /><img class="emoji" src="//telegram.org/img/emoji/40/F09F918F.png" width="20" height="20" alt="👏" /> to help you discuss anything from Christopher Nolan&#39;s movies to global economic news.</p>
<p>These reactions can also be sent as <a href="https://telegram.org/blog/chat-themes-interactive-emoji-read-receipts#interactive-emoji"><strong>interactive emoji</strong></a>. Send a single <img class="emoji" src="//telegram.org/img/emoji/40/F09FA5B0.png" width="20" height="20" alt="🥰" /><img class="emoji" src="//telegram.org/img/emoji/40/F09FA4AF.png" width="20" height="20" alt="🤯" /><img class="emoji" src="//telegram.org/img/emoji/40/F09FA494.png" width="20" height="20" alt="🤔" /><img class="emoji" src="//telegram.org/img/emoji/40/F09FA4AC.png" width="20" height="20" alt="🤬" /> or <img class="emoji" src="//telegram.org/img/emoji/40/F09F918F.png" width="20" height="20" alt="👏" /> to any private chat, then tap on the animated emoji to unleash a synchronized fullscreen effect.</p>
<div class="blog_video_player_wrap" style="max-width: 600px; margin: 20px auto 20px;">
<video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="/file/464001690/10f01/zQZixS83N9s.138813/ecc075a76183c3f54a" style="max-width: 600px;" title="Incidentally, this update includes everything you need to talk about ANCIENT ALIENS." alt="New Reactions and Interactive Emoji">
<source src="/file/464001191/f9e9/uyb6q6IqDCI.7115634.mp4/1c2b60e13486714469" type="video/mp4">
</video>
</div>
<h3><a class="anchor" name="navigating-recent-chats" href="#navigating-recent-chats"><i class="anchor-icon"></i></a>Navigating Recent Chats</h3>
<p>When <a href="https://telegram.org/blog/live-streams-forwarding-next-channel#jump-to-next-channel">jumping through unread channels</a> or moving between chats, press and <strong>hold the &#39;Back&#39; button</strong> to return to a <strong>specific chat</strong>. Opening chats from forwarded messages, links, usernames, profiles, etc. adds them to the list.</p>
<div class="blog_video_player_wrap" style="max-width: 600px; margin: 20px auto 20px;">
<video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="/file/464001317/f14d/lqi6mJyq98o.162820/44cdb7a281120740bd" style="max-width: 600px;" title="We need to go deeper." alt="Navigating Recent Chats">
<source src="/file/464001587/109fa/xJQLgrzq8Dw.3129379.mp4/a2c81236285133d3c5" type="video/mp4">
</video>
</div>
<h3><a class="anchor" name="bug-busting-and-more" href="#bug-busting-and-more"><i class="anchor-icon"></i></a>Bug Busting and More</h3>
<p>Our developers spent two weeks in January focusing completely on fixing known issues in Telegram apps. Among other things, they improved <strong>call quality</strong>, added support for <a href="https://telegram.org/blog/reactions-spoilers-translations#message-translation">translation</a> to <strong>Instant View</strong> pages (and <strong>bios</strong> on iOS), added the option to send <a href="https://telegram.org/blog/silent-messages-slow-mode">silent messages</a> from the <strong>sharing menu</strong> and dozens of other improvements.</p>
<p>On iOS, you&#39;ll also notice <strong>new animations</strong> when tapping icons in the tab bar.</p>
<div class="blog_video_player_wrap" style="max-width: 600px; margin: 20px auto 20px;">
<video class="blog_video_player tl_blog_vid_autoplay" onclick="videoTogglePlay(this)" autoplay loop controls muted poster="/file/464001053/10329/XWu_1H0Aawo.168091/d4fc932f5b124145c1" style="max-width: 600px;" title="Cogs turning, phones ringing, pigs flying, writers getting carried away." alt="New Tab Bar Animations on iOS">
<source src="/file/464001621/fcaf/eeir0LdMjhc.245311.mp4/4f831e3327685c2ace" type="video/mp4">
</video>
</div>
<p>And that&#39;s it for today. Let&#39;s leave some features for February.</p>
<p><em>January 31, 2022<br>The Telegram Team</em></p>
<!--
###Video
<div class="blog_video_player_wrap" style="max-width: 600px; 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: 600px;" 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%2Fvideo-stickers-better-reactions&text=Easy-to-make%20video%20stickers%2C%20better%20reactions%20with%205%20new%20emoji%2C%20a%20new%20button%20to%20view%20unseen%20reactions%2C%20a%20way%20to%20navigate%20recent%20chats%20and%20more" class="tl_telegram_share_btn" id="tl_telegram_share_btn" data-text="Easy-to-make video stickers, better reactions with 5 new emoji, a new button to view unseen reactions, a way to navigate recent chats and more" data-url="https://telegram.org/blog/video-stickers-better-reactions"><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="Easy-to-make video stickers, better reactions with 5 new emoji, a new button to view unseen reactions, a way to navigate recent chats and more" data-url="https://telegram.org/blog/video-stickers-better-reactions" 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">
2024-08-14 13:55:26 +02:00
<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><a class="dev_blog_card_link_wrap" href="/blog/w3-browser-mini-app-store"><div class="dev_blog_card_wrap">
2024-07-31 18:27:22 +02:00
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400778/4/yJDJIfzD2yk.228129/e8b08c158413db534e" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Telegram Browser, Mini App Store, Gifting Stars and More</h4>
<div class="dev_blog_card_lead">Today&#39;s update brings a new in-app browser that supports multiple tabs and makes Web3 available to almost a billion users, a Mini App Store…</div>
</div>
<div class="dev_blog_card_date">Jul 31, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/mini-app-bar-paid-media-and-more"><div class="dev_blog_card_wrap">
2024-06-30 16:26:52 +02:00
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400026/1/xwmW8Qofk5M.263566/16218cb12e7549e76b" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Mini App Bar, Paid Media, Story Search &amp; More</h4>
<div class="dev_blog_card_lead">Our June update adds a way to minimize mini apps into a compact bar, helps content creators monetize their channels with paid photos and…</div>
</div>
<div class="dev_blog_card_date">Jun 30, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/telegram-stars"><div class="dev_blog_card_wrap">
2024-06-06 18:05:16 +02:00
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400431/1/-u0XrknOtfw.232636/60f98efd626b95d010" />
2024-06-06 17:49:31 +02:00
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Telegram Stars: Pay for Digital Goods and More</h4>
<div class="dev_blog_card_lead">Over 400 million users interact with bots and mini apps on Telegram every month to buy products, access services, play games, and much…</div>
</div>
<div class="dev_blog_card_date">Jun 6, 2024</div>
2022-02-24 19:51:11 +01:00
</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>
2022-09-09 12:10:24 +02:00
<li><a href="/privacy">Privacy</a></li>
2022-09-09 23:58:59 +02:00
<li><a href="/press">Press</a></li>
2022-02-24 19:51:11 +01:00
</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>
2022-09-09 23:58:59 +02:00
<li><a href="/android">Android</a></li>
<li><a href="/dl/web">Mobile Web</a></li>
2022-02-24 19:51:11 +01:00
</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">
2024-02-15 10:58:07 +01:00
<h5><a href="/press">Press</a></h5>
2022-02-24 19:51:11 +01:00
</div>
</div>
</div>
2022-12-10 23:50:15 +01:00
<script src="/js/main.js?47"></script>
2023-03-29 13:36:38 +02:00
<script src="/js/tgsticker.js?31"></script>
2022-02-24 19:51:11 +01:00
2022-12-10 23:01:14 +01:00
<script>initScrollVideos(true);
mainInitTgStickers({"maxDeviceRatio":2,"cachingModulo":4});
2022-02-24 19:51:11 +01:00
twitterCustomShareInit();
blogSideImageInit();
backToTopInit("Go up");
removePreloadInit();
</script>
</body>
</html>