{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Блог Ильи Бирмана: заметки с тегом Жуэль",
    "_rss_description": "Блог Ильи Бирмана о дизайне, городах, музыке и жизни.",
    "_rss_language": "ru",
    "_itunes_email": "ilyabirman@ilyabirman.ru",
    "_itunes_categories_xml": "<itunes:category text=\"Arts\"><itunes:category text=\"Design\" \/><\/itunes:category>\r\n<itunes:category text=\"Society &amp; Culture\"><itunes:category text=\"Personal Journals\" \/><\/itunes:category>\r\n<itunes:category text=\"Technology\" \/>\r\n",
    "_itunes_image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic-square@2x.jpg?1573933764",
    "_itunes_explicit": "no",
    "home_page_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/jouele\/",
    "feed_url": "https:\/\/ilyabirman.ru\/meanwhile\/tags\/jouele\/json\/",
    "icon": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764",
    "authors": [
        {
            "name": "Илья Бирман",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/",
            "avatar": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/userpic\/userpic@2x.jpg?1573933764"
        }
    ],
    "items": [
        {
            "id": "5480",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/jouele-pro-free\/",
            "title": "Жуэль-про стал бесплатным",
            "content_html": "<p><a href=\"https:\/\/ilyabirman.ru\/projects\/jouele\/\">Жуэль<\/a> — клёвый аудиоплеер для веба, который придумал и сначала сделал я, но уже много лет развивает Женя Лазарев.<\/p>\n<p>Теперь разделение на платный и бесплатный Жуэль отменяется: все фичи, включая кастомные контролы, доступны всем. Прикручивайте и используйте!<\/p>\n<p>См.:<\/p>\n<ul>\n  <li><a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/declarative-apis-talk\/\">Доклад о дизайне декларативных АПИ<\/a>, где речь в том числе о Жуэле-про<\/li>\n  <li><a href=\"https:\/\/ilyabirman.ru\/mixes\/synthopia\/\">Микс «Синтопия»<\/a>, где можно посмотреть, как работают интерактивные фичи Жуэля-про<\/li>\n  <li><a href=\"https:\/\/ilyabirman.ru\/projects\/jouele\/documentation\/\">Документацию по Жуэлю<\/a><\/li>\n<\/ul>\n",
            "summary": "Жуэль — клёвый аудиоплеер для веба, который придумал и сначала сделал я, но уже много лет развивает Женя Лазарев",
            "date_published": "2020-10-25T17:26:54+05:00",
            "date_modified": "2020-10-25T17:26:27+05:00",
            "tags": [
                "Жуэль",
                "продукты",
                "проекты"
            ],
            "_date_published_rfc2822": "Sun, 25 Oct 2020 17:26:54 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5480",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "4802",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/jouele-pro-3-0-5\/",
            "title": "Жуэль-про 3.0.5",
            "content_html": "<p>С тех пор, как вышли Жуэль-про и бесплатный Жуэль 3.0, Женя Лазарев делал несколько обновлений, а я их тихонько выкладывал <a href=\"https:\/\/ilyabirman.ru\/projects\/jouele\/\">на странице проекта<\/a>.<\/p>\n<p>Сегодня про-версия обновилась до 3.0.5 (бесплатная пока ещё 3.0.4). Женя поясняет:<\/p>\n<blockquote>\n<p>Значительно улучшены функции, связанные с уничтожением или «ломанием» Жуэля: теперь все контролы ведут себя правильно, плейлисты перестраиваются, а в случае вызова метода на «сломанном» Жуэле не появляются ошибки. Улучшено поведение Жуэля при нестабильном интернете. Обновлён механизм построения плейлистов, теперь он работает корректнее при мешанине из плееров и контролов. Исправлены ошибки подсчёта времени (в том числе, ушли многие мелкие ошибки для треков с дробным числом секунд). Лучше обрабатывается конец трека в разных нестандартных случаях. Исправлена ошибка с показыванием названия трека в контролах. В АПИ добавлен метод getTitle.<\/p>\n<p>Это, кстати, крупнейший релиз since Жуэль 3.0. Эмэйзинг.<\/p>\n<\/blockquote>\n<p>В общем, есть смысл обновиться.<\/p>\n<p>Если вы ещё не купили Жуэль-про, <a href=\"https:\/\/ilyabirman.ru\/projects\/jouele\/pro\/\">покупайте<\/a>, он классный.<\/p>\n<p>См.:<\/p>\n<ul>\n  <li><a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/jouele-pro\/\">Что за Жуэль-про<\/a><\/li>\n  <li><a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/declarative-apis-talk\/\">Доклад о дизайне декларативных АПИ<\/a>, где речь в том числе о Жуэле-про<\/li>\n  <li><a href=\"https:\/\/ilyabirman.ru\/mixes\/use-me\/\">Микс «Юз ми»<\/a>, где можно посмотреть, как работают интерактивные фичи Жуэля-про<\/li>\n  <li><a href=\"https:\/\/ilyabirman.ru\/projects\/jouele\/documentation\/\">Документацию по Жуэлю<\/a><\/li>\n<\/ul>\n",
            "summary": "С тех пор, как вышли Жуэль-про и бесплатный Жуэль 3.0, Женя Лазарев делал несколько обновлений, а я их тихонько выкладывал на странице проекта",
            "date_published": "2018-06-28T18:01:58+05:00",
            "date_modified": "2018-06-28T16:19:06+05:00",
            "tags": [
                "Жуэль",
                "релиз"
            ],
            "_date_published_rfc2822": "Thu, 28 Jun 2018 18:01:58 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4802",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "4719",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/declarative-apis-talk\/",
            "title": "Дизайн декларативных АПИ",
            "content_html": "<p>Опубликовали видос моего летнего доклада на Питер-ЦСС про декларативные АПИ (на английском):<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/uCQ3JFuQ7bQ?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n<p>Рассказываю о том, почему декларативные АПИ — это хорошо, и потом привожу в пример:<\/p>\n<ul>\n  <li><a href=\"https:\/\/ilyabirman.ru\/projects\/likely\/\">Лайкли<\/a>,<\/li>\n  <li><a href=\"https:\/\/ilyabirman.ru\/projects\/emerge\/\">Эмёрдж<\/a>,<\/li>\n  <li><a href=\"https:\/\/ilyabirman.ru\/projects\/jouele\/\">Жуэль<\/a>.<\/li>\n<\/ul>\n<p>Тогда <a href=\"https:\/\/ilyabirman.ru\/projects\/jouele\/pro\/\">новый Жуэль-про<\/a> ещё был в разработке, а сейчас его уже можно купить и использовать.<\/p>\n<p>Ещё читайте <a href=\"https:\/\/ilyabirman.ru\/meanwhile\/all\/piter-css-photos\/\" class=\"nu\">«<u>Как прошёл Питер-ЦСС<\/u>»<\/a> (офигенно). Большое спасибо организаторам!<\/p>\n",
            "summary": "Опубликовали видос моего летнего доклада на Питер-ЦСС про декларативные АПИ (на английском)",
            "date_published": "2018-02-23T15:06:09+05:00",
            "date_modified": "2020-11-10T00:23:29+05:00",
            "tags": [
                "английский язык",
                "веб-разработка",
                "доклады",
                "Жуэль",
                "Лайкли",
                "Эмёрдж"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-uCQ3JFuQ7bQ-cover.jpg",
            "_date_published_rfc2822": "Fri, 23 Feb 2018 15:06:09 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4719",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/remote\/youtube-uCQ3JFuQ7bQ-cover.jpg"
                ]
            }
        },
        {
            "id": "4701",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/jouele-3-free\/",
            "title": "Бесплатный Жуэль обновился до третьей версии",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-2015-logo@2x.png\" width=\"273\" height=\"64\" alt=\"Жуэль\" \/>\n<\/div>\n<p>Недавно появился <a href=\"https:\/\/ilyabirman.ru\/projects\/jouele\/pro\/\">новый крутой платный Жуэль-про<\/a> 3.0 с кастомными элементами управления. С тех пор он уже 3.0.4 — поправили несколько помарок.<\/p>\n<p>Для третьей версии код пришлось взорвать и переписать заново, а бесплатная оставалась в версии 2.3.4 со старым кодом.<\/p>\n<p>Теперь Женя синхронизировал бесплатную и платную ветки. <a href=\"https:\/\/ilyabirman.ru\/projects\/jouele\/\">Бесплатная версия<\/a> стала тоже 3.0.4, и теперь отличается от платной только поддержкой элементов управления. Все АПИ стали одинаковыми и работать стало лучше. Обновляйтесь!<\/p>\n",
            "summary": "Недавно появился новый крутой платный Жуэль-про 3.0 с кастомными элементами управления. С тех пор он уже 3",
            "date_published": "2018-02-08T19:18:54+05:00",
            "date_modified": "2018-02-08T19:19:27+05:00",
            "tags": [
                "Жуэль"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-2015-logo@2x.png",
            "_date_published_rfc2822": "Thu, 08 Feb 2018 19:18:54 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4701",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-2015-logo@2x.png"
                ]
            }
        },
        {
            "id": "4686",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/jouele-pro\/",
            "title": "Жуэль-про",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-2015-logo@2x.png\" width=\"273\" height=\"64\" alt=\"Жуэль-про\" \/>\n<\/div>\n<p>С недавних пор у меня в разделе миксов <a href=\"https:\/\/ilyabirman.ru\/mixes\/use-me\/\">работают интерактивные плейлисты<\/a>. Можно кликать в треки, и микс перемотается в нужное место, и наоборот: в плейлисте автоматически подсвечивается трек, который сейчас играет в миксе. Попробуйте.<\/p>\n<p>Вы можете подумать, что для этого пришлось писать гору Джаваскрипта. Но на самом деле нет, просто я использую новый Жуэль-про. Гору Джаваскрипта пришлось писать Жене Лазареву, который запрограммировал Жуэль-про. А мне осталось только воспользоваться новым супермощным декларативным АПИ, которое мы придумали.<\/p>\n<p>Рассказываю.<\/p>\n<p>Если вы использовали Жуэль, вы знаете, что чтобы вставить на страницу аудиоплеер, достаточно просто поставить ссылку на МП3-файл и дать ей класс <tt>jouele<\/tt>:<\/p>\n<pre class=\"e2-text-code\"><code>&lt;a href=&quot;ilya-birman-use-me-mix.mp3&quot; class=&quot;jouele&quot;&gt;\n  Илья Бирман: Юз ми\n&lt;\/a&gt;<\/code><\/pre><p>Но что, если рядом с плеером стоит обложка, и я хочу, чтобы микс начинал играть по клику в обложку? С Жуэлем-про это делается так:<\/p>\n<pre class=\"e2-text-code\"><code>&lt;img\n  src=&quot;cover.jpg&quot;\n  class=&quot;jouele-control&quot;\n  data-type=&quot;play-pause&quot;\n\/&gt;<\/code><\/pre><p>Теперь в обложку можно кликать, и микс заиграет. И запаузится, если кликнуть ещё раз.<\/p>\n<p>Если я хочу, чтобы в плейлисте можно было кликнуть на конкретный трек, и микс перемотался на его место, я делаю так:<\/p>\n<pre class=\"e2-text-code\"><code>&lt;tr class=&quot;jouele-control&quot;\n  data-type=&quot;seek&quot; data-to=&quot;0:45:38&quot;\n&gt;\n  &lt;td&gt;0:45:38&lt;\/td&gt;\n  &lt;td&gt;Tensal&lt;\/td&gt;\n  &lt;td&gt;Achievement 3&lt;\/td&gt;\n&lt;\/tr&gt;<\/code><\/pre><p>Теперь клик в эту строчку таблицы будет перематывать микс куда надо.<\/p>\n<p>Но это не главная прелесть. Я же ещё хочу, чтобы во время воспроизведения обложка выглядела активной. Для этого я просто пишу в ЦССе:<\/p>\n<pre class=\"e2-text-code\"><code>img.jouele-is-playing {\n  outline: rgba(255, 255, 255, .2) 10px solid;\n}<\/code><\/pre><p>Всё! Жуэль-про сам даёт класс <tt>jouele-is-playing<\/tt> своим элементам управления во время воспроизведения, поэтому подсветка просто работает независимо от того, как именно я включил музыку — из плеера, обложкой или вообще клавиатурой. Мне снова не нужен Джаваскрипт.<\/p>\n<p>И точно так же работает подсветка активной строчки в плейлисте. На самом деле ХТМЛ-код каждой строчки выглядит не так, как я показал выше, а вот так:<\/p>\n<pre class=\"e2-text-code\"><code>&lt;tr class=&quot;jouele-control&quot;\n  data-type=&quot;seek&quot; data-range=&quot;0:45:38...0:48:55&quot;\n&gt;\n  &lt;td&gt;0:45:38&lt;\/td&gt;\n  &lt;td&gt;Tensal&lt;\/td&gt;\n  &lt;td&gt;Achievement 3&lt;\/td&gt;\n&lt;\/tr&gt;<\/code><\/pre><p>То есть строчка не только перематывает в определённую точку, но ещё и соответствует некоему отрезку. Чтобы она подсветилась, снова достаточно только ЦССа:<\/p>\n<pre class=\"e2-text-code\"><code>tr.jouele-is-within {\n  background: rgba(255, 255, 255, .2);\n  color: #fd0093;\n}<\/code><\/pre><p>Всё! Жуэль-про сам даёт класс <tt>jouele-is-within<\/tt> своим элементам управления, соответствующим диапазону, когда позиция воспроизведения находится внутри этого диапазона.<\/p>\n<p>Я ещё хочу, чтобы у всех элементов, которые можно кликать или тащить, курсор мыши был пальчиком. Для этого я делаю так:<\/p>\n<pre class=\"e2-text-code\"><code>.jouele-is-interactive {\n  cursor: pointer;\n}<\/code><\/pre><p>Если плееров на странице несколько, то элементы управления управляют тем, который играет или играл последним. А если такого ещё нет, то запустит первый на странице. Чтобы привязать к конкретному плееру, есть <tt>data-href<\/tt>:<\/p>\n<pre class=\"e2-text-code\"><code>&lt;img\n  src=&quot;cover.jpg&quot;\n  class=&quot;jouele-control&quot;\n  data-type=&quot;play-pause&quot;\n  data-href=&quot;ilya-birman-use-me-mix.mp3&quot;\n\/&gt;<\/code><\/pre><p>На странице каждого микса у меня всегда один плеер, поэтому это там не нужно.<\/p>\n<p>Жуэль-про стоит 1890 рублей на один домен. Обычный бесплатный Жуэль доступен как раньше.<\/p>\n<p>Что посмотреть:<\/p>\n<ul>\n  <li><a href=\"https:\/\/ilyabirman.ru\/projects\/jouele\/\">Жуэль<\/a><\/li>\n  <li><a href=\"https:\/\/ilyabirman.ru\/projects\/jouele\/pro\/\">Жуэль-про<\/a><\/li>\n  <li><a href=\"https:\/\/ilyabirman.ru\/projects\/jouele\/documentation\/\">Документация<\/a><br \/>\n  Как использовать декларативное АПИ и элементы управления. Есть пример полностью кастомного плеера, собранного из разных элементов управления<\/li>\n  <li><a href=\"https:\/\/docs.google.com\/document\/d\/1MrN_mDaDrwI57mn8EQHbZS6UhlaPk494caAwGf9sQeY\/edit#\">Продвинутая документация<\/a><br \/>\n  Ручная инициализация через Джаваскрипт, АПИ и т. д.<\/li>\n  <li><a href=\"http:\/\/eugene-lazarev.ru\/\">Женя Лазарев<\/a><\/li>\n<\/ul>\n",
            "summary": "С недавних пор у меня в разделе миксов работают интерактивные плейлисты. Можно кликать в треки, и микс перемотается в нужное место, и наоборот",
            "date_published": "2018-01-30T02:24:16+05:00",
            "date_modified": "2018-02-03T22:14:34+05:00",
            "tags": [
                "Жуэль",
                "продукты",
                "проекты",
                "релиз"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-2015-logo@2x.png",
            "_date_published_rfc2822": "Tue, 30 Jan 2018 02:24:16 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4686",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [
                    "highlight\/highlight.js",
                    "highlight\/highlight.css"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-2015-logo@2x.png"
                ]
            }
        },
        {
            "id": "4401",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/jouele-npm\/",
            "title": "Жуэль 2.3 доступен в НПМ",
            "content_html": "<p>Новый Жуэль 2.3 теперь <a href=\"https:\/\/www.npmjs.com\/package\/ilyabirman-jouele\">доступен в НПМ<\/a>:<\/p>\n<pre class=\"e2-text-code\"><code>npm install ilyabirman-jouele<\/code><\/pre><p>В отличие от сборки <a href=\"http:\/\/ilyabirman.ru\/projects\/jouele\/\">с моего сайта<\/a>, версия в НПМе не содержит в себе Хоулер. Вместо этого он указан в качестве зависимости. Если вы делаете всё правильно, он подключится автоматически.<\/p>\n",
            "summary": "Новый Жуэль 2.3 теперь доступен в НПМ",
            "date_published": "2017-05-02T20:31:30+05:00",
            "date_modified": "2017-05-04T23:18:50+05:00",
            "tags": [
                "Жуэль"
            ],
            "_date_published_rfc2822": "Tue, 02 May 2017 20:31:30 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4401",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "highlight\/highlight.js",
                    "highlight\/highlight.css"
                ],
                "og_images": []
            }
        },
        {
            "id": "4395",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/jouele-2-3\/",
            "title": "Жуэль 2.3",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-2015-logo@2x.png\" width=\"273\" height=\"64\" alt=\"Жуэль 2.2\" \/>\n<\/div>\n<p>Жуэль — <a href=\"http:\/\/ilyabirman.ru\/projects\/jouele\/\">нормальный аудиоплеер для веба<\/a>. Его развитием занимается Женя Лазарев.<\/p>\n<p>У нас вышла версия 2.3. Жуэль теперь использует Хоулер (встроен, а не идёт отдельным файлом) вместо Джейплеера. Благодаря этому изменению, трафик расходуется умнее, прелоудер работает точнее и ушло много мелких ошибок. Функция <tt>data-repeat<\/tt> стала работать у отдельных треков. Если файл недоступен, Жуэль показывает это, а не «висит». Вёрстка лучше смотрится в разных браузерах.<\/p>\n<p>Пример песенки:<\/p>\n<div class=\"e2-text-audio\">\n<div class=\"e2-jouele-wrapper\"><a class=\"jouele\" data-space-control=\"true\" href=\"http:\/\/audio.ilyabirman.ru\/Ilya%20Birman%20-%20When%20I%20Am%20128.mp3\">Ilya Birman: When I Am 128<\/a><\/div>\n<\/div>\n<p>Документацию см. <a href=\"https:\/\/github.com\/ilyabirman\/Jouele\/blob\/master\/readme-ru.md\">на Гитхабе<\/a>.<\/p>\n",
            "summary": "Жуэль — нормальный аудиоплеер для веба. Его развитием занимается Женя Лазарев",
            "date_published": "2017-04-29T15:00:43+05:00",
            "date_modified": "2017-05-08T01:17:09+05:00",
            "tags": [
                "веб-разработка",
                "Жуэль",
                "продукты",
                "проекты",
                "релиз"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-2015-logo@2x.png",
            "_date_published_rfc2822": "Sat, 29 Apr 2017 15:00:43 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4395",
            "_rss_enclosures": [
                {
                    "url": "http:\/\/audio.ilyabirman.ru\/Ilya%20Birman%20-%20When%20I%20Am%20128.mp3",
                    "type": "audio\/mpeg",
                    "length": ""
                }
            ],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "jouele\/jouele.css",
                    "jouele\/jouele.js"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-2015-logo@2x.png"
                ]
            }
        },
        {
            "id": "4128",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/jouele-2-2\/",
            "title": "Жуэль 2.2",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-2015-logo@2x.png\" width=\"273\" height=\"64\" alt=\"Жуэль 2.2\" \/>\n<\/div>\n<p>Жуэль — <a href=\"http:\/\/ilyabirman.ru\/projects\/jouele\/\">нормальный аудиоплеер для веба<\/a>. С прошлого лета его развитием занимается Женя Лазарев.<\/p>\n<p>У нас вышла версия 2.2, и в ней появились плейлисты. Женя объясняет:<\/p>\n<blockquote>\n<p>Все треки, которые лежат в одном блоке с классом <tt>jouele-playlist<\/tt> теперь будут играть друг за другом. Если добавить плейлисту атрибут <tt>data-repeat=&quot;true&quot;<\/tt>, этот плейлист будет играть бесконечно. Естественно, плейлистом можно сделать, в том числе, теги <tt>html<\/tt> и <tt>body<\/tt>.<\/p>\n<\/blockquote>\n<p>В свежей <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/aegea-2-5-beta-2\/\">бете Эгеи<\/a> это используется. Я написал: «Если в заметке есть несколько аудиотреков, они будут играть друг за другом». Это реализовано как раз так, что заметки с аудиофайлами заворачиваются в плейлист. Пример — недавняя заметка про <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/stockholm-tunnelbana-voice-announcements\/\">голосовые объявления в метро Стокгольма<\/a>.<\/p>\n<p>И ещё мы довели до ума управление пробелом. Женя продолжает:<\/p>\n<blockquote>\n<p>Опции, связанные с пробелом, стали глобальными и управляются одним атрибутом <tt>data-space-control=&quot;true&quot;<\/tt>. Добавив его к любому плейлисту или треку, вы включите перехват нажатия пробела на всей странице. Если ничего не играет, заиграет последний игравший (или первый на странице) трек. Если что-то играет, оно остановится. При этом браузер не будет скроллить страницу, что он обычно делает при нажатии пробела.<\/p>\n<\/blockquote>\n<p>Пробел по умолчанию не перехватывается, плейлисты тоже по умолчанию не включаются.<\/p>\n<p>Потанцевать на радостях:<\/p>\n<div class=\"e2-text-audio\">\n<div class=\"e2-jouele-wrapper\"><a class=\"jouele\" data-space-control=\"true\" href=\"http:\/\/audio.ilyabirman.ru\/Ilya%20Birman%20-%20Octomore.mp3\">Ilya Birman: Octomore<\/a><\/div>\n<\/div>\n<p>Документацию см. <a href=\"https:\/\/github.com\/ilyabirman\/Jouele\/blob\/master\/README-ru.md\">на Гитхабе<\/a>.<\/p>\n",
            "summary": "Жуэль — нормальный аудиоплеер для веба. С прошлого лета его развитием занимается Женя Лазарев",
            "date_published": "2016-06-30T17:20:59+05:00",
            "date_modified": "2016-12-12T18:06:34+05:00",
            "tags": [
                "веб-разработка",
                "Жуэль",
                "продукты",
                "проекты",
                "релиз"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-2015-logo@2x.png",
            "_date_published_rfc2822": "Thu, 30 Jun 2016 17:20:59 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4128",
            "_rss_enclosures": [
                {
                    "url": "http:\/\/audio.ilyabirman.ru\/Ilya%20Birman%20-%20Octomore.mp3",
                    "type": "audio\/mpeg",
                    "length": ""
                }
            ],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "jouele\/jouele.css",
                    "jouele\/jouele.js"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-2015-logo@2x.png"
                ]
            }
        },
        {
            "id": "4020",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/jouele-2-1\/",
            "title": "Жуэль 2.1",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-2015-logo@2x.png\" width=\"273\" height=\"64\" alt=\"Жуэль 2.1\" \/>\n<\/div>\n<p>Привет, с вами Дед Мороз!<\/p>\n<p>Как вы знаете, у меня есть <a href=\"http:\/\/ilyabirman.ru\/projects\/jouele\/\">нормальный аудиоплеер для веба — Жуэль<\/a>. С лета его развитием занимается Женя Лазарев.<\/p>\n<p>У нас вышла версия 2.1. Теперь на странице всегда один экземпляр Джейплеера, сколько бы треков вы не ставили, поэтому адские аудиопростыни <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/london-underground-voice-announcements\/\">типа моего поста с голосовыми объявлениями лондонского метро<\/a> не тормозят браузер. Ещё пробел теперь умеет останавливать трек и играть дальше (но только после того, как вы включили хоть какой-то трек мышкой).<\/p>\n<p>Потанцевать на радостях:<\/p>\n<div class=\"e2-text-audio\">\n<div class=\"e2-jouele-wrapper\"><a class=\"jouele\" data-space-control=\"true\" href=\"http:\/\/audio.ilyabirman.ru\/Ilya%20Birman%20-%20Links%20(Original%20Mix).mp3\">Ilya Birman: Links (Original Mix)<\/a><\/div>\n<\/div>\n<p>Документацию см. <a href=\"https:\/\/github.com\/ilyabirman\/Jouele\">на Гитхабе<\/a>. Отдельное спасибо Саше Годун за перевод на английский.<\/p>\n",
            "summary": "Привет, с вами Дед Мороз",
            "date_published": "2015-12-31T18:43:20+05:00",
            "date_modified": "2016-12-12T19:42:02+05:00",
            "tags": [
                "веб-разработка",
                "Жуэль",
                "продукты",
                "проекты",
                "релиз"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-2015-logo@2x.png",
            "_date_published_rfc2822": "Thu, 31 Dec 2015 18:43:20 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4020",
            "_rss_enclosures": [
                {
                    "url": "http:\/\/audio.ilyabirman.ru\/Ilya%20Birman%20-%20Links%20(Original%20Mix).mp3",
                    "type": "audio\/mpeg",
                    "length": ""
                }
            ],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "jouele\/jouele.css",
                    "jouele\/jouele.js"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-2015-logo@2x.png"
                ]
            }
        },
        {
            "id": "4002",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/jouele-2-0\/",
            "title": "Жуэль 2.0",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-2015-logo@2x.png\" width=\"273\" height=\"64\" alt=\"Жуэль 2.0\" \/>\n<\/div>\n<p>Три года назад я сделал <a href=\"http:\/\/ilyabirman.ru\/projects\/jouele\/\">нормальный аудиоплеер для веба — Жуэль<\/a>.<\/p>\n<p>Женя Лазарев сделал версию 2.0. Плеер избавился от скеоморфизма и стал ещё приятнее на вид. И перекрасить его на свой вкус стало проще. Ещё у плеера теперь динамическая инициализация, и он стал правильным джейквери-плагином с АПИ (это всё типа значит хорошо). Я прикрутил его к сайту, в том числе к разделу «Музыка». Потанцевать на радостях:<\/p>\n<div class=\"e2-text-audio\">\n<div class=\"e2-jouele-wrapper\"><a class=\"jouele\" data-space-control=\"true\" href=\"http:\/\/audio.ilyabirman.ru\/Ilya%20Birman%20-%20Saw%20U%20Dancing.mp3\">Ilya Birman: Saw U Dancing<\/a><\/div>\n<\/div>\n<p>Ссылки по теме:<\/p>\n<ul>\n  <li><a href=\"http:\/\/eugene-lazarev.ru\/\">Женя Лазарев<\/a><\/li>\n  <li>Проект <a href=\"https:\/\/github.com\/ilyabirman\/Jouele\">на Гитхабе<\/a> (участие в развитии приветствуется)<\/li>\n  <li>Мой раздел <a href=\"http:\/\/ilyabirman.ru\/music\/\" class=\"nu\">«<u>Музыка<\/u>»<\/a><\/li>\n<\/ul>\n",
            "summary": "Три года назад я сделал нормальный аудиоплеер для веба — Жуэль",
            "date_published": "2015-11-06T16:59:43+05:00",
            "date_modified": "2016-12-12T19:42:05+05:00",
            "tags": [
                "веб-разработка",
                "Жуэль",
                "продукты",
                "проекты",
                "релиз"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-2015-logo@2x.png",
            "_date_published_rfc2822": "Fri, 06 Nov 2015 16:59:43 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "4002",
            "_rss_enclosures": [
                {
                    "url": "http:\/\/audio.ilyabirman.ru\/Ilya%20Birman%20-%20Saw%20U%20Dancing.mp3",
                    "type": "audio\/mpeg",
                    "length": ""
                }
            ],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "jouele\/jouele.css",
                    "jouele\/jouele.js"
                ],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-2015-logo@2x.png"
                ]
            }
        },
        {
            "id": "3677",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/jouele-0-6-and-aegea-v2849\/",
            "title": "Жуэль 0.6 и Эгея v2849",
            "content_html": "<p>Недавно у людей перестал работать плеер Жуэль в Хроме. Я подложил в него более новую версию Джейплеера, и он заработал. Пропатченный Жуэль <a href=\"http:\/\/ilyabirman.ru\/projects\/jouele\/\">доступен для скачивания<\/a> под номером версии 0.6.<\/p>\n<p>Поскольку этот плеер встроен в Эгею, то её тоже пришлось обновить — <a href=\"http:\/\/blogengine.ru\/download\/\">в сборке v2849<\/a> лежит починенный. Для обновления достаточно заменить папку \/system\/library\/jouele\/.<\/p>\n",
            "summary": "Недавно у людей перестал работать плеер Жуэль в Хроме. Я подложил в него более новую версию Джейплеера, и он заработал",
            "date_published": "2014-08-03T19:18:20+05:00",
            "date_modified": "2016-12-12T19:57:43+05:00",
            "tags": [
                "Жуэль",
                "продукты",
                "релиз",
                "Эгея"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/aegea-og-image.jpg",
            "_date_published_rfc2822": "Sun, 03 Aug 2014 19:18:20 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "3677",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/aegea-og-image.jpg"
                ]
            }
        },
        {
            "id": "3042",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/jouele-0-5\/",
            "title": "Жуэль 0.5",
            "content_html": "<p>Весной я выпустил свой красивый веб-плеер. Сегодня <a href=\"http:\/\/ilyabirman.ru\/projects\/jouele\/\">выложил версию 0.5<\/a>:<\/p>\n<ul>\n  <li>дизайн изменился: полоса стала тоньше и переехала под строку с названием и временем, название выровнялось по левому краю, а время переехало в правый конец;<\/li>\n  <li>иконки стали векторными;<\/li>\n  <li>если положить плеер в контейнер с классом .jouele-option-progress-when-playing, то прогресс-бар будет отображаться только во время воспроизведения музыки (это удобно, если хочется поставить несколько треков подряд, тогда не будет чересполосицы прогрессбаров);<\/li>\n  <li>в вёрстке используется меньше элементов;<\/li>\n  <li>ещё какие-то мелкие мелочи.<\/li>\n<\/ul>\n<p>Вот послушайте, например, мой последний микс <a href=\"http:\/\/ilyabirman.ru\/meanwhile\/all\/promo-mix-twist-in-my-sobriety\/\" class=\"nu\">«<u>Сдвиг по фазе<\/u>»<\/a>:<\/p>\n<div class=\"e2-text-audio\">\n<div class=\"e2-jouele-wrapper\"><a class=\"jouele\" data-space-control=\"true\" href=\"http:\/\/promodj.com\/download\/3294918\/\">Ilya Birman: Twist in my Sobriety (Studio Mix)<\/a><\/div>\n<\/div>\n<p>Ещё я решил, что правильно будет всё-таки его произносить «Жуэль», а не «Жулё», так как всем это удобнее и склоняется.<\/p>\n<p>Иконки в формате СВГ любезно «сверстал» Вадим Макеев. И пока делал их, написал <a href=\"http:\/\/pepelsbey.net\/2012\/07\/uneasy-easy-button\/\">целую статью<\/a> о всяких хитростях, связанных с этим — читайте. Спасибо, Вадим!<\/p>\n<p>Почему-то у меня нифига не работает в Опере. Если вы знаете, почему, расскажите, как починить, пожалуйста. Хром тоже непонятный. Иногда работает, иногда вдруг нет (видимо, от фазы Луны зависит, я не понял).<\/p>\n",
            "summary": "Весной я выпустил свой красивый веб-плеер. Сегодня выложил версию 0.5",
            "date_published": "2012-08-20T01:21:44+05:00",
            "date_modified": "2020-05-21T13:32:19+05:00",
            "tags": [
                "дизайн",
                "Жуэль",
                "продукты",
                "проекты"
            ],
            "_date_published_rfc2822": "Mon, 20 Aug 2012 01:21:44 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "3042",
            "_rss_enclosures": [
                {
                    "url": "http:\/\/promodj.com\/download\/3294918\/",
                    "type": null,
                    "length": ""
                }
            ],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "jouele\/jouele.css",
                    "jouele\/jouele.js"
                ],
                "og_images": []
            }
        },
        {
            "id": "2944",
            "url": "https:\/\/ilyabirman.ru\/meanwhile\/all\/jouele\/",
            "title": "Держите плеер",
            "content_html": "<p>Теперь мой плеер доступен как <a href=\"http:\/\/ilyabirman.net\/jouele\/\">самостоятельный продукт<\/a> и называется Jouele (читается <s>«Жу-лё»<\/s> «Жуэль»).<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-logo.png\" width=\"302\" height=\"96\" alt=\"\" \/>\n<\/div>\n<p>В нём много к чему ещё можно придраться, но главное, что он клёвый и работает, — поэтому я его и опубликовал. А ещё его прикрутить проще, чем любой другой плеер в мире. Пользуйтесь на здоровье. Кстати, он есть <a href=\"https:\/\/github.com\/ilyabirman\/Jouele\">на Гитхабе<\/a>, так что, наверное, вы можете как-нибудь там коммитить исправления багов, если хотите.<\/p>\n",
            "summary": "Теперь мой плеер доступен как самостоятельный продукт и называется Jouele (читается «Жу-лё» «Жуэль»",
            "date_published": "2012-04-21T13:06:05+05:00",
            "date_modified": "2020-05-21T13:32:23+05:00",
            "tags": [
                "Жуэль",
                "продукты",
                "проекты"
            ],
            "image": "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-logo.png",
            "_date_published_rfc2822": "Sat, 21 Apr 2012 13:06:05 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "2944",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/ilyabirman.ru\/meanwhile\/pictures\/jouele-logo.png"
                ]
            }
        }
    ],
    "_e2_version": 4269,
    "_e2_ua_string": "Aegea 12.0a (v4269e)"
}