telegram-crawler/data/web/telegram.org/blog/video-stickers-better-reactions.html
2024-08-14 11:55:26 +00:00

275 lines
21 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>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.">
<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">
<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?240" 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/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><a href="/blog/message-effects-and-more" class="side_blog_entry">
<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">
<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">
<div class="side_blog_date">Apr 14</div>
<div class="side_blog_title">Sticker Editor — Create Your Own Stickers</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">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">
<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">
<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">
<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">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400431/1/-u0XrknOtfw.232636/60f98efd626b95d010" />
<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>
</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>