telegram-crawler/data/web/telegram.org/blog/stories.html
2024-04-14 14:04:43 +00:00

313 lines
23 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>Stories and 10 Years of Telegram</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Stories and 10 Years of Telegram">
<meta property="og:image" content="https://telegram.org/file/400780400235/1/EGhTEUUJH1w.281459/58c6756821cb43d0ca">
<meta property="og:site_name" content="Telegram">
<meta property="og:description" content=" In this update, we launch Stories with a unique dual camera mode, granular privacy settings, flexible duration options and much more.">
<meta property="article:published_time" content="2023-08-14T15:50:36+00:00"><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:image" content="https://telegram.org/file/400780400235/1/EGhTEUUJH1w.281459/58c6756821cb43d0ca" />
<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/stories" />
<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?236" 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/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><a href="/blog/telegram-business" class="side_blog_entry">
<div class="side_blog_date">Mar 31</div>
<div class="side_blog_title">Introducing Telegram Business</div>
</a><a href="/blog/monetization-for-channels" class="side_blog_entry">
<div class="side_blog_date">Mar 31</div>
<div class="side_blog_title">Sharing Revenue with Channel Owners</div>
</a><a href="/blog/february2024" class="side_blog_entry">
<div class="side_blog_date">Feb 29</div>
<div class="side_blog_title">Stories for Groups and 8 More Features</div>
</a><a href="/blog/new-saved-messages-and-9-more" class="side_blog_entry">
<div class="side_blog_date">Jan 31</div>
<div class="side_blog_title">Saved Messages 2.0, One-Time Voice Messages and 8 More Features</div>
</a><a href="/blog/calls-and-bots" class="side_blog_entry">
<div class="side_blog_date">Dec 31</div>
<div class="side_blog_title">Colorful Calls, Thanos Snap Effect, and Better Bots</div>
</a><a href="/blog/posts-in-stories-and-more" class="side_blog_entry">
<div class="side_blog_date">Dec 23</div>
<div class="side_blog_title">Channel Appearance, Posts in Stories 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">Stories and 10 Years of Telegram</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/400780400899/1/eVt8C2MlJjE.25185/2db7111edb3796e4f5"><img src="/file/400780400899/2/Mm0RBKjlAiw.40307.png/8daecf88911311259d" /></picture>
</div>
<div class="blog_wide_image">
<a href="/file/400780400119/1/TZGEP_ZGufI.550643/e92ffee959466e83f9" target="_blank"><img src="/file/400780400325/1/hCLRKYoz818.284226/d9dc8363ab3e73a7be" srcset="/file/400780400119/1/TZGEP_ZGufI.550643/e92ffee959466e83f9, 1200w" title="117 major updates in 10 years = Piece of cake" alt="Stories and 10 Years of Telegram"/></a>
</div>
<p>Today, Telegram celebrates its <strong>10th birthday</strong> with our biggest update yet. Over the past decade weve built <a href="https://telegram.org/evolution">hundreds of new features</a> that are now used by over <strong>800 million people</strong>. In this update, we launch <strong>Stories</strong> with a unique <strong>dual camera mode</strong>, granular <strong>privacy settings</strong>, flexible <strong>duration options</strong> and <em>much</em> more.</p>
<blockquote>
<p><img class="emoji" src="//telegram.org/img/emoji/40/F09F9A80.png" width="20" height="20" alt="🚀" /> <a href="https://telegram.org/blog/channel-stories">Channels</a> and <a href="https://telegram.org/blog/february2024">groups</a> can also <strong>post stories</strong>, thanks to a new <strong>boost system</strong>.</p>
</blockquote>
<h3><a class="anchor" name="telegram-stories" href="#telegram-stories"><i class="anchor-icon"></i></a>Telegram Stories</h3>
<p>Stories let you quickly share moments and see more from your friends and they&#39;re <strong>now available on Telegram</strong>.</p>
<p>This was by far the <strong>most-requested feature</strong> in the history of Telegram and we&#39;ve spent several months innovating and refining the format. Telegram Stories have all the things you&#39;d expect and <strong>plenty more</strong> that have never been done before.</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/400780400224/1/emnnuRWj7G8.38085/c7f3b7729e58e45def" style="max-width: 600px;" title="" alt="Telegram Stories">
<source src="/file/400780400710/1/Qiai6ryj6Pg.5015918.mp4/2d193c82177445f67a" type="video/mp4">
</video>
</div>
<p>Stories are displayed in an <strong>expandable section</strong> at the top of your screen so you still see the <strong>full length</strong> of your chat list and folders.</p>
<p>When viewing a story, you can quickly tap to share, reply privately, or react <strong>tap</strong> for a quick <img class="emoji" src="//telegram.org/img/emoji/40/E299A5.png" width="20" height="20" alt="♥️" /> or <strong>hold down</strong> to use <strong>hundreds more reactions</strong>.</p>
<blockquote>
<p>By default, you&#39;ll see stories from all <strong>your contacts</strong> on your home page and you can <strong>hide stories</strong> from specific contacts, sending them to your <strong>archived chats</strong>.</p>
</blockquote>
<h3><a class="anchor" name="dual-camera-mode" href="#dual-camera-mode"><i class="anchor-icon"></i></a>Dual Camera Mode</h3>
<p>To capture scenes from every angle, stories can take photos or videos with both the <strong>front</strong> and <strong>rear camera</strong> of your device <strong>simultaneously</strong> letting you choose which camera goes where, even <strong>while recording</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/400780400864/1/pGC6HQ07Loo.42102/82681e22aa2d701495" style="max-width: 600px;" title="" alt="Posting a story">
<source src="/file/400780400850/1/s4iaJ4OhDDY.7041388.mp4/7d2308266e41efbb93" type="video/mp4">
</video>
</div>
<!--
> To change the orientation of the cameras, tap the <img class="emoji" src="//telegram.org/img/emoji/40/F09F9484.png" width="20" height="20" alt="🔄" /> icon — or just **double tap** anywhere on the screen.
-->
<h3><a class="anchor" name="stickers-locations-and-captions" href="#stickers-locations-and-captions"><i class="anchor-icon"></i></a>Stickers, Locations and Captions</h3>
<p>Stories use Telegram&#39;s powerful <strong>media editor</strong> allowing you to add text, drawings, stickers or <strong>tag your location</strong>. For even more context, stories support <strong>captions</strong> where you can include a <strong>longer text description</strong>, tag friends or add links.</p>
<blockquote>
<p>You can add multiple images from your gallery or use <strong>search</strong> to find GIFs and pictures from the web.</p>
</blockquote>
<h3><a class="anchor" name="granular-privacy-settings" href="#granular-privacy-settings"><i class="anchor-icon"></i></a>Granular Privacy Settings</h3>
<p>When posting a story, you can select from <strong>4 privacy settings</strong>: <em>Everyone</em>, <em>My Contacts</em>, <em>Close Friends</em> and <em>Selected Contacts</em>. Each option can be <strong>completely customized</strong>, allowing you to <strong>include</strong> or <strong>exclude any users</strong>.</p>
<p>You can also select a list of users who will <strong>never see your story</strong> so your boss or grandma won&#39;t find out about your adventurous side. <img class="emoji" src="//telegram.org/img/emoji/40/F09F9889.png" width="20" height="20" alt="😉" /></p>
<div class="blog_image_wrap blog_wide_image_wrap">
<a href="/file/400780400442/1/jl7Jg844qCM.347728/b3727bbb95c4a1ad57" target="_blank"><img src="/file/400780400590/1/Rc-Z_aNHTyo.60094/5dac53087a9691a596" title="" alt="Granular Privacy Settings" srcset="/file/400780400442/1/jl7Jg844qCM.347728/b3727bbb95c4a1ad57 , 2x" /></a>
</div>
<blockquote>
<p>To keep a story even more private, you can <strong>disable screenshots</strong> to prevent viewers from saving or sharing it.</p>
</blockquote>
<h3><a class="anchor" name="stories-in-profiles" href="#stories-in-profiles"><i class="anchor-icon"></i></a>Stories in Profiles</h3>
<p>Stories can last for your choice of <strong>6, 12, 24 or 48 hours</strong>. You can also <strong>post them to your profile</strong>, arranged in a <strong>gorgeous grid</strong> — where both old contacts and new connections can see your highlight reel for <strong>as long as you want</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/400780400161/1/GoAJchTRxOQ.46351/9237bb39a2774c5f2d" style="max-width: 600px;" title="" alt="Stories Posted to the Profile">
<source src="/file/400780400889/1/jQhIc1CpB1k.3333627.mp4/b1b14805a3f5208e61" type="video/mp4">
</video>
</div>
<p>Now when you meet people on Telegram, you&#39;ll see exciting snapshots of their life not just a few profile photos.</p>
<blockquote>
<p>Each story that you post to your profile has <strong>separate privacy settings</strong> so you can always control which ones certain people are able to see.</p>
</blockquote>
<h3><a class="anchor" name="editing-stories" href="#editing-stories"><i class="anchor-icon"></i></a>Editing Stories</h3>
<p>For the first time in the history of social media, you can <strong>update any element</strong> of your story at <strong>any time</strong> changing its <strong>visibility</strong>, <strong>caption</strong>, <strong>on-screen text</strong>, <strong>stickers</strong> or anything else without having to delete and repost it from scratch.</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/400780400401/1/pFazTaEhM8E.67717/0d620167b7d012ad96" style="max-width: 600px;" title="" alt="Editing Stories">
<source src="/file/400780400671/1/pe6LryFRCSQ.9513283.mp4/3bd62cfae924a18401" type="video/mp4">
</video>
</div>
<blockquote>
<p>To edit your story, open it on the <strong>device you posted it from</strong> and tap ⋮ or ⋯ &gt; Edit Story.</p>
</blockquote>
<!-- To edit your story, open it on the **device you posted it from** and tap ![⋮](/file/464001466/3/TUYKwGzdaIM.984/c472ac8f01ebdd57c8) or ![⋯](/file/464001448/2/VHd-rEO8AMI.2898/1d9c403b5d0d54dbb0) > Edit Story.-->
<h3><a class="anchor" name="detailed-view-statistics" href="#detailed-view-statistics"><i class="anchor-icon"></i></a>Detailed View Statistics</h3>
<p>When a user opens a story, they appear in a <strong>list of viewers</strong> that is visible to the story&#39;s author like a read receipt.</p>
<p>After you post a story, you can open it to see the list which you can <strong>filter</strong> to show just your contacts, and sort by <strong>recent views</strong> first or <strong>reactions</strong> first. If you want to check if a specific user saw it, type their name into the <strong>search bar</strong>.</p>
<div class="blog_image_wrap blog_wide_image_wrap">
<a href="/file/400780400122/1/5MlJaPJlaZk.568660/f0d86527b6d2d3c5c9" target="_blank"><img src="/file/400780400946/1/-MwTBeUABwI.88330/7c990dd931e65bd521" title="" alt="Detailed View Statistics" srcset="/file/400780400122/1/5MlJaPJlaZk.568660/f0d86527b6d2d3c5c9 , 2x" /></a>
</div>
<blockquote>
<p>For more anonymity, Premium users can enable <strong>Stealth Mode</strong> erasing their views from any stories they opened in <strong>the past 5 minutes</strong>, and hiding what they view for <strong>the next 25 minutes</strong>.</p>
</blockquote>
<h3><a class="anchor" name="and-more" href="#and-more"><i class="anchor-icon"></i></a>…and More</h3>
<p>To see all the story features that couldn&#39;t fit in this blog post, check out this <a href="https://telegram.org/tour/stories">detailed guide</a> to Telegram Stories.</p>
<p>Thank you all for 10 great years. If you feel like celebrating some more, check out <a href="https://t.me/durov/216">our CEOs thoughts</a> on the occasion <img class="emoji" src="//telegram.org/img/emoji/40/F09F8E82.png" width="20" height="20" alt="🎂" /></p>
<p>Meanwhile, we&#39;re already working on the next update, cake in hand.</p>
<div><br></div>
<p><em>August 14, 2023</em><br><em>The Telegram Team</em></p>
<!--
###Square Video, 600x600
<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, 600x600
<div class="blog_image_wrap blog_wide_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%2Fstories&text=%20In%20this%20update%2C%20we%20launch%20Stories%20%E2%80%93%20with%20a%20unique%20dual%20camera%20mode%2C%20granular%20privacy%20settings%2C%20flexible%20duration%20options%20and%20much%20more." class="tl_telegram_share_btn" id="tl_telegram_share_btn" data-text=" In this update, we launch Stories with a unique dual camera mode, granular privacy settings, flexible duration options and much more." data-url="https://telegram.org/blog/stories"><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=" In this update, we launch Stories with a unique dual camera mode, granular privacy settings, flexible duration options and much more." data-url="https://telegram.org/blog/stories" 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/sticker-maker"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400906/1/nG_ME-jFfII.256820/2569601ad1ecf4c3c2" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Sticker Editor — Create Your Own Stickers</h4>
<div class="dev_blog_card_lead">Starting today, anyone can quickly create stickers and entire sticker sets using a new powerful editor —&nbsp;without leaving Telegram.</div>
</div>
<div class="dev_blog_card_date">Apr 14, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/telegram-business"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400268/1/6Avx2xeE-E8.239216/5a7f21012854ea61ce" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Introducing Telegram Business</h4>
<div class="dev_blog_card_lead">Starting today, anyone can turn their Telegram account into a business account&nbsp; and get access to business features, such as opening hours, location, quick replies, automated messages…</div>
</div>
<div class="dev_blog_card_date">Mar 31, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/monetization-for-channels"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400191/1/EVk7lrjHV1k.216056/76e92be4b951903eeb" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Sharing Revenue with Channel Owners</h4>
<div class="dev_blog_card_lead">Today, we&#39;re introducing one of the most generous reward systems in the history of social media. Telegram channel owners can now receive 50% of the revenue from ads displayed in their…</div>
</div>
<div class="dev_blog_card_date">Mar 31, 2024</div>
</div></a><a class="dev_blog_card_link_wrap" href="/blog/february2024"><div class="dev_blog_card_wrap">
<img class="dev_blog_card_image" src="https://telegram.org/file/400780400044/4/Q1UaSDMMPHI.306200/1704172cc8fc21b436" />
<div class="dev_blog_card_alltext_wrap">
<h4 class="dev_blog_card_title">Stories for Groups and 8 More Features</h4>
<div class="dev_blog_card_lead">Telegram brings conversation in groups to an entire new level with 9 new features that redefine many-to-many communication. Now, groups can publish stories and save them as posts on…</div>
</div>
<div class="dev_blog_card_date">Feb 29, 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>