Zvooq что это: что это такое и как отключить ? – Отключить.ру

Zvooq — не первый стриминговый сервис на российском рынке. В его рамках работают местные сервисы Яндекс и Трава, а также глобальные компании iTunes и Deezer. Все они пытаются выйти на один из крупнейших рынков онлайн-пиратства и недавно смогли набрать больше оборотов благодаря российскому закону о борьбе с пиратством 2013 года, который позже распространился на музыку.

Борьба с пиратством продолжается, последний раз в суде, когда Sony Music Russia, Universal Music Russia и Warner Music UK предъявляют иски против российской социальной сети ВКонтакте, сообщает BBC. В настоящее время во ВКонтакте пользователи могут загружать песни на страницы своего профиля и легко передавать их друзьям без лицензии.

Генеральный директор Spotify Даниэль Эк заявил в июле на технологической конференции Fortune, что видит в этих пользователях социальных сетей следующую большую финансовую возможность для музыкальной индустрии.«Если мы сможем превратить этих людей в платежеспособных клиентов, музыкальная индустрия будет процветать», — сказал Эк. Ходили слухи, что Spotify будет расширяться в России еще осенью, когда Александр Кубанеишвили нанял руководить операциями.

Zvooq, который серийные предприниматели Фрумкин и соучредитель Саймон Данлоп начали разрабатывать в 2010 году, нацелен на тот же рынок. В дополнение к своей коллекции приложений они упростили интеграцию своей платформы в социальные сети. Zvooq уже является музыкальным проигрывателем по умолчанию на Facebook в России, и Фрумкин подтвердил, что его компания ведет переговоры с «ВКонтакте».

Фрумкин, похоже, не беспокоился о потенциальном приходе Spotify в Россию и назвал главным конкурентом Zvooq пиратство.

«Музыкальные сервисы приветствуются», — сказал Фрумкин. «Для нас это хорошо, поскольку повышает осведомленность о музыкальных сервисах в целом. Для нас это плюс, потому что у нас есть дополнительное, хотя и не очень привлекательное предложение».

Целевая аудитория Zvooq — это случайный слушатель, в котором Фрумкин сказал, что видит суженные приложения как предоставление услуги. Они также преуспели в персонализации для российского рынка с помощью приложения Rus Fanatic, которое позволяет местным артистам иметь свою собственную страницу профиля и взаимодействовать с фанатами.

Компания также заблокировала то, что Фрумкин назвал самой большой проблемой — ориентироваться на российском рынке. Хотя их основным рынком являются Москва и Санкт-Петербург, Фрумкин сказал, что они работали над разработкой своего приложения в других регионах, где покрытие может быть неравномерным и где меньше владельцев смартфонов.

Так что же ждет 20 миллионов долларов? Компания уже работает над установлением партнерских отношений с операторами мобильной связи для предустановленных приложений и рекламных акций по подписке.Они также увеличивают продажи своей музыки, работая через платформу электронной коммерции Юлмарт.

Помимо России, Zvooq в настоящее время работает в Украине, Беларуси, Молдове, Казахстане, Киргизии, Таджикистане, Туркменистане, Узбекистане, Грузии, Армении и Азербайджане. Продолжая расти там, Фрумкин сказал, что Zvooq планирует выйти на другие восточноевропейские рынки в течение года.

«[Расширение] включает в себя дополнительные клиринговые права с международными музыкальными лейблами и связь с местной музыкой.Мы очень сосредоточены на том, чтобы местные художники были представлены», — сказал Фрумкин.

Звонок | МУЗЫКА х

Сегодня я рад сообщить, что присоединяюсь к IDAGIO , потоковому сервису для любителей классической музыки, в качестве директора по продукту. Я уже переезжаю в Берлин, где присоединюсь к команде в конце этого месяца.

В этом посте я хочу объяснить, почему я так твердо верю в этот нишевый музыкальный сервис и миссию IDAGIO.Я также хочу пролить свет на будущее MUSIC x TECH x FUTURE как информационного бюллетеня, типа СМИ и агентства. ( tl;dr: информационный бюллетень живет! )

Два месяца назад друг, с которым я работал в Москве, в музыкальном потоковом сервисе Zvooq, прислал мне вакансию DM в Твиттере. К тому времени у меня развилось что-то вроде умственного самоигнорирования, потому что друзья продолжали присылать мне вакансии младшего уровня в музыкальных компаниях. Я никогда не искал «работу» — «у меня была работа (но спасибо, что подумали обо мне ❤️).Однако я поверил, что этот друг лучше знает меня как профессионала, поэтому открыл ссылку.

Я был сразу заинтригован. Я раньше не слышал об IDAGIO, но много думал о нишевых услугах. В какой-то момент план Zvooq заключался в том, чтобы , а не , создать типичное универсальное приложение, как это делают все другие сервисы потоковой передачи музыки, а вместо этого было бы разделить различные типы поведения, связанного с музыкой, на более мелкие Программы. Тогда целью станет монополизация этого поведения: например, Google монополизировал поисковое поведение (теперь называемое Google), а Shazam монополизировал Shazaming.В долгосрочной перспективе это позволило бы нам расширить эту экосистему приложений за пределы потокового контента, чтобы мы могли монетизировать поведение с большей прибылью, чем поведение, связанное с прослушиванием музыки.

В итоге мы построили только одну, Fonoteka, прежде чем нам пришлось сменить стратегию из-за сочетания рыночной реальности, условий лицензирования и скорости сжигания. Это было прекрасно: это было нужно бизнесу и нужно России как рынку.

С тех пор появилось несколько нишевых музыкальных идей, вроде сервисов для инди-рока, потокового вещания высокого качества и т. д.И хотя все это похвально, я никогда особо не интересовался ими, потому что просто казалось, что эти сервисы не будут иметь достаточно сильного стратегического конкурентного преимущества перед лицом технологических гигантов с пухлой казной. Их предложения также часто были немного лучше, но заставить людей установить приложение и сформировать привычку к вашему сервису, забыть о своем старом решении, научиться делать это по-своему… это огромная просьба к людям, особенно когда вам нужно выйти за рамки супер ранних последователей.

Но ниша работает на локальном уровне. Вы можете увидеть это с Yandex.Music и Zvooq в России, с Anghami на Ближнем Востоке и с Gaana в Индии.

Последние десять лет я жил в России, Болгарии, Турции и Нидерландах (откуда я родом). Каждая страна имеет уникальные способы взаимодействия с музыкой. Музыка занимает свое место в каждой культуре. Я думаю, что местные музыкальные сервисы работают, потому что они сочетают в себе каталоги и местный вкус с глубоким пониманием того, как их целевая аудитория связана с музыкой.Это позволяет им создавать что-то, точно соответствующее этому поведению. Это музыка и поведение вместе взятые.

Когда я начал общаться с командой IDAGIO, то вскоре понял, что они тоже сочетают в себе эти элементы. Классическая музыка во всех ее видах и формах имеет много особенностей, которые останутся для меня предметом изучения на ближайшие годы. Тот факт, что одно и то же произведение часто имеет множество записей разных исполнителей, уже выделяет его. Можно сопоставить множество моделей поведения, связанных с навигацией, изучением и сравнением, только с одним этим фактом.

Несмотря на то, что IDAGIO моложе и имеет более скромное финансирование, она уже создала продукт, который больше подходит для любителей классической музыки, чем другие потоковые сервисы (а также обслуживает потоки без потерь). Понимая это, я быстро убедился, что это то, о чем мне нужно серьезно подумать.

Итак, я сел в самолет и встретил команду. В течение трех дней мы провели сокращенный проектный спринт, выделили проблему, которую хотели решить вместе, опросили членов команды экспертов, изучили варианты, разработали решения и создали прототип демоверсии для тестирования с целевой аудиторией.Это интенсивное упражнение, особенно когда вас также оценивают как потенциального члена команды, но команда проделала такую ​​хорошую работу, чтобы я чувствовал себя желанным гостем и как дома (❤️). Благодаря нашим беседам, обедам и сотрудничеству я был впечатлен интеллектом, креативностью и общей продуманностью команды.

Потом я провел в Берлине дополнительное время  — ведь я туда переезжал. Вышеупомянутый друг привел меня в медицинский музей с комнатой, полной стеклянных шкафов с банками с содержимым, которое долгие годы будет вызывать у меня кошмары.Кроме того, я встретил кучу других друзей, профессионалов в области музыкальных технологий и предпринимателей, которые все вместе убедили меня в высоком уровне таланта и творческого вдохновения в городе.

Вернувшись домой, я принял решение, которого не ожидал ни в этом году, ни в последующие годы. Решение радикально изменить приоритеты.

Мотивация для меня исходит из способности расти и делать что-то значимое. МУЗЫКА x ТЕХНОЛОГИЯ x БУДУЩЕЕ познакомила меня со многими разными людьми, множеством разных проблем и позволила мне делать то, что мне интересно, в чем я хорош, а также в том, чему я расту и чему учусь.С IDAGIO я могу делать все это, но более глубоко и с командой.

Классическая музыка онлайн немного отошла на второй план. Это имеет большой смысл, если рассматривать это в исторической перспективе: многое изменилось за последние годы. Демографический перекос в сети стал старше. Вы можете заметить это, посчитав количество членов семьи на Facebook. Раньше интернет был чем-то, что большинство взрослых использовало только для работы, поэтому, если вы создаете развлекательные услуги, вы ориентируетесь на молодую, раннюю демографическую группу.Это поп-музыка, рок, электроника, хип-хоп и т. д. Классика, конечно, была, но ни Spotify, ни iTunes, ни YouTube не были ориентированы на нее.

Теперь мы фактически достигаем нового этапа для музыки онлайн. Потоковый фундамент был построен. Стриминг становится мейнстримом. Платформы волны 2007–2009 годов взрослеют и выходят за рамки своей первоначальной аудитории первых пользователей… Таким образом, мы увидим много первых пользователей, которые больше не обслуживаются должным образом. Они собираются мигрировать, искать новые дома.Очень важным сегментом, который всегда недооценивался, являются поклонники классической музыки. И теперь эта нишевая аудитория достаточно велика, чтобы на ее основе можно было построить сервис.

Почему? Что ж, Интернет изменился со времен последней большой волны музыкальных стартапов. Мобильные устройства становятся стандартным способом подключения людей к Интернету. Для взрослых это сделало Интернет менее «работой» и сделало развлечения более доступными. Подключенные среды упрощают отправку мобильного звука на домашний Hi-Fi-приемник или автомобильные динамики.Количество пользователей Интернета увеличилось более чем в два раза.

Это делает нишу намного более жизнеспособной, чем несколько лет назад. Это нужно делать с любовью, заботой и очень хорошим пониманием того, чью проблему вы пытаетесь решить (и что это за проблема). У IDAGIO есть нужные блестящие умы, чтобы осуществить это, и я польщен тем, что через 2 недели я смогу проводить с ними 2000 часов в год.

Что происходит с агентством?

Я буду сворачивать агентскую сторону MxTxF.Это означает, что я больше не беру клиентов, но я рад порекомендовать вам замечательных людей, которых я знаю. Некоторые долгосрочные проекты, занимающие всего пару часов в неделю, я буду продолжать доводить до конца.

Что происходит с информационным бюллетенем?

Рассылка продолжается! Я получаю от этого много личного удовлетворения. Агентство родилось из информационного бюллетеня, так что кто знает, что еще он породит. На самом деле я придумываю способ добавить аудио- и видеоконтент в микс. Я ожидаю, что Midem и Sónar+D в следующем июне станут для этого пилотными проектами.Берлин — отличное место для музыкальных технологий, так что, во всяком случае, я надеюсь, что со временем информационный бюллетень станет только интереснее.

Помимо личной реализации, это позволяет мне поддерживать связь с этим замечательным сообществом, встречаться с интересными людьми, а иногда и помогать организовывать панель и одновременно собирать некоторые из моих любимых умов в одной комнате.

Если вы хотите поддержать информационный бюллетень, вы можете помочь мне на Patreon. Вы можете стать патроном рассылки — с вашей поддержкой я могу добавить в рассылку дополнительные ресурсы, что позволит мне вывести контент на новый уровень (на первом месте в списке: приличная камера).

Я оставляю вас с Концертом для виолончели с оркестром ми минор Эдварда Элгара, соч. 85, которую я открыл для себя еще студентом, слушая блестящую Szamár Madár группы Venetian Snares, в которой она используется.

▶️ Концерт для виолончели ми минор, соч.85

Произведение полностью можно прослушать на IDAGIO.

Буду рад услышать о ваших любимых произведениях и записях. Не стесняйтесь, напишите мне по электронной почте [email protected] , со ссылкой, и скажите мне, что я должен слушать.

bne IntelliNews — Российский стартап Zvooq подает в суд на интернет-гиганта Яндекс на 29 млн долларов за нарушение контракта

Ведущий музыкальный потоковый сайт Zvooq предъявляет иск российскому интернет-гиганту Яндекс на 29 миллионов долларов за предполагаемое нарушение контракта и обвиняет зарегистрированную в Нью-Йорке компанию в разрушении деликатного инвестиционного климата в России для технологических стартапов, используя свою рыночную власть.

Zvooq является частью Dream Industries, основанной в 2009 году, и предлагает подписчикам потоковую музыку. Компании также принадлежит Bookmate.com, коворкинг и площадка для проведения мероприятий. По словам совладельца Dream Industries Дмитрия Костыгина, совокупный доход компании составляет около $10 млн в год.

Zvooq вел переговоры с Яндексом, который рассматривал возможность стать стратегическим инвестором.Но все пошло наперекосяк после того, как Яндекс решил не идти дальше и нанял ключевых сотрудников Zvooq для работы в конкурирующем сервисе Яндекс.Музыка.

Zvooq, что в переводе с русского означает «звук», открыл свои книги Яндексу и представил своих представителей руководящему составу. В то же время компания вела переговоры с другими стратегическими покупателями, но эти сделки были сорваны, когда несколько ключевых менеджеров ушли, чтобы присоединиться к Яндексу.

«Zvooq Ltd сообщает о возбуждении уголовного дела против ООО «Яндекс», российского поискового гиганта. Истец требует возмещения убытков в размере $29 млн, понесенных в связи с нарушением Соглашения о неразглашении информации (NDA), подписанного сторонами в феврале текущего года», — говорится в заявлении Zvooq от 16 ноября.

Zvooq обвиняет Яндекс в недобросовестной конкуренции.Прежде чем начать переговоры о приобретении, две компании подписали соглашение о неразглашении в феврале 2016 года в рамках инициирования процесса комплексной проверки после того, как Яндекс проявил интерес к тому, чтобы стать потенциальным инвестором компании.

По настоянию акционеров Zvooq в соглашение о неразглашении был включен пункт об отказе от приглашения, в котором говорилось, что Яндекс был обязан «не предлагать работу никому из сотрудников Zvooq и не поощрять увольнение сотрудников в течение шести месяцев после подписания [NDA]. ».

Однако весной 2016 года директор по маркетингу Zvooq Варвара Семенихина присоединилась к Яндексу на идентичной должности директора по маркетингу Яндекс. Музыки, принадлежащей и управляемой Яндексом, который напрямую конкурирует с Zvooq. Несколько месяцев спустя, в июле, технический директор Zvooq Константин Рябинин также был нанят Яндексом и теперь является менеджером поисковых проектов Яндекса.

«Варвара была ключевым сотрудником Zvooq.Она присоединилась к команде в июле 2014 года в качестве менеджера по трафику и выросла до должности директора по маркетингу [директора по маркетингу]», — рассказал bne IntelliNews Виктор Фрумкин, соучредитель и финансовый директор Zvooq. «Она принимала непосредственное участие в разработке и внедрении всех недавно задуманных и еще не реализованных бизнес-методологий, в том числе маркетинговых методологий для продвижения приложений по различным каналам привлечения пользователей, разработанных исключительно собственными силами механизмов конверсии бесплатных пользователей в платных подписчиков и всех подробные сведения о соглашениях с партнерами по каналу сбыта и клиентами.

Spotify России

Zvooq стал первым в России юридическим и мобильным музыкальным потоковым сервисом с каталогом из более чем 25 миллионов треков. Как и в Spotify, пользователи могут слушать бесплатно без ограничений любую музыку, включая новинки и ежедневные персональные рекомендации, а платные премиум-подписчики могут загружать музыку в высоком качестве на свои устройства для последующего прослушивания в автономном режиме без рекламы.

Zvooq опасается, что Яндекс получит несправедливое конкурентное преимущество, получив доступ ко всем своим планам и отношениям в будущем. «После прихода Варвары в «Яндекс.Музыку» все соответствующие ноу-хау и методологии, очевидно, были немедленно реализованы в интересах «Яндекс.Музыки», что привело к заметному повышению производительности «Яндекс.Музыки», — заявил Фрумкин.

Zvooq сразу заметил снижение трафика, так как Яндекс.Muskia внесла ряд изменений, которые во многих случаях идентичны функциям, которые Zvooq уже использовал, вплоть до идентичных сообщений в рекламе: в сентябре 2015 года у Zvooq была реклама с надписью «Музыка за рулем», а идентичная линия ремешка появился на Яндексе после того, как в середине 2016 года в компании начал работать менеджер по маркетингу Zvooq. В то же время на музыкальном сайте Яндекса начали появляться несколько других отличительных особенностей дизайна Zvooq.

Представитель Яндекса Ася Мелкумова сообщила российской ежедневной газете Ведомости : «Мы получили уведомление о судебном иске [Zvooq] и крайне удивлены этим иском.Далее она отрицала какие-либо правонарушения или нарушения договоренностей и пообещала опровергнуть обвинения в суде. В комментарии, отправленном по электронной почте bne IntelliNews 24 ноября, Мелкумова цитирует слова Семенихиной: «Вы можете процитировать меня по этому поводу — никакого ходатайства не было. Мы со Звуком договорились, что я уйду, задолго до того, как я отправила свое резюме в Яндекс».

Компания Zvooq подала жалобу в Окружной суд Лимассола, Кипр, на первый в своем роде судебный процесс, если он будет рассмотрен.Юрисдикцией был выбран Кипр, как указано в соглашении о неразглашении, которое рассматривает такого рода претензии и споры в соответствии с английским законодательством.

Иск заявлен на сумму 29 млн долларов, поскольку это сумма стоимости акционерного капитала, которую, по мнению Zvooq, он потерял из-за того, что Яндекс нанял ключевой персонал в критический момент.Zvooq говорил о том, что станет стратегическим инвестором, не только с Яндексом, но и с несколькими другими компаниями одновременно.

Яндекс огромен. Это не только крупнейшая интернет-компания в России, но и самая крупная и ценная интернет-компания на всем европейском континенте. Яндекс разместил свои акции на Nasdaq в мае 2011 года, привлек 1,3 миллиарда долларов и увеличив рыночную капитализацию до 11,2 миллиарда долларов. Его ближайший конкурент — Mail.ru, которая годом ранее провела IPO на Лондонской фондовой бирже (LSE) с рыночной капитализацией в десятую часть размера. С тех пор цена акций Яндекса пострадала из-за текущей экономической и политической шумихи, а его рыночная капитализация упала до 5,9 млрд долларов по состоянию на 21 ноября.

Российские технологические компании на пике популярности, а телекоммуникации, медиа и технологии (ТМТ) остаются одной из немногих действительно динамично развивающихся отраслей российской экономики. IPO Яндекса и Mail.ru вызвало интерес у международных технологических инвесторов, которые надеются найти еще один Яндекс, который сделал своих первых инвесторов и владельцев состоянием на IPO в 2011 году. заставляя более мелкие компании, которые поднимают голову над парапетом, подвергаться опасности переманивания своих лучших людей. В 2012 году несколько ведущих компаний отрасли, в том числе «Яндекс», компания по разработке программного обеспечения EPAM и легендарная антивирусная компания «Лаборатория Касперского», заключили джентльменское соглашение о том, чтобы не отнимать сотрудников друг у друга, но это соглашение не имело юридической силы.

Zvooq находился в активной стадии переговоров с различными заинтересованными стратегическими сторонами по потенциальной сделке и активно вел переговоры в рамках процесса, проводимого консультантами по слияниям и поглощениям LDA Jupiter в Лондоне и Альфа-Банком в Москве. «Вследствие нарушения со стороны Яндекса и последующего причинения значительного материального ущерба компании Zvooq в то время не заключал никаких сделок», — говорится в сообщении компании.

Кремль стремится извлечь выгоду из одного из немногих действительно ценных ресурсов, которые у него есть, кроме нефти: своего человеческого капитала. Президент Владимир Путин лично положил начало стремлению максимально использовать научно-техническое наследие, благодаря которому первый человек отправился в космос, с рядом инициатив, таких как государственная холдинговая компания «Роснано», которая поддерживает и продвигает инвестиции в высокие технологии с некоторыми $3 млрд под управлением.

Однако, кроме Яндекса, на российском рынке мало других крупных высокотехнологичных компаний, зато много небольших стартапов. Поскольку разрыв между верхним и нижним сегментами рынка настолько велик, у стартапов очень мало возможностей для выхода или последующих раундов финансирования. В то время как технологические гиганты в США соревнуются за лучшие и самые инновационные стартапы, часто платя миллиарды долларов за двухлетние компании, которые привлекают их внимание, а иногда приобретая компанию в неделю, в России у стартапов меньше несколько вариантов сбора денег.

Несколько олигархов инвестировали в стартапы, но они, как правило, основаны на индивидуальных решениях, принятых состоятельными людьми, или «ангелами», как их называют в торговле. Развитие технологий в России также страдает от отсутствия венчурных фондов, специализирующихся на технологических стартапах.

В результате вместо того, чтобы платить десятки миллионов долларов за скупку интересных стартапов, которым удалось создать бизнес и иметь несколько миллионов пользователей или более, крупные игроки просто приходят и нанимают ключевых сотрудников, покупая знания. -как и отношения в процессе, за долю стоимости.

«Нарушение контракта Яндекса с Zvooq продолжает служить примером недобросовестной конкуренции и недобросовестной деловой практики российского поискового гиганта», — сказал Фрумкин. «Мы инициировали судебный процесс, потому что считаем, что недобросовестная конкуренция и недобросовестная деловая практика негативно влияют на всю онлайн-индустрию, а в настоящее время в России она очень хрупкая. Свободный и открытый рынок эффективно работает только при соблюдении основных правил честной конкуренции ключевыми игроками… При несоблюдении основных правил корпоративного поведения и рыночных принципов, при несоблюдении обязательств подписанных соглашений, только компании с тесными политическими связями и моральный абсентеизм останется живым на таких рынках, как Россия.Действия Яндекса неприемлемы и не должны оставаться безнаказанными, потому что они показывают миру, что Россия — страна с еще незрелой бизнес-культурой и высокими рисками для инвесторов».

Безопасность | Стеклянная дверь

Пожалуйста, подождите, пока мы проверим, что вы реальный человек. Ваш контент появится в ближайшее время.Если вы продолжаете видеть это сообщение, отправьте электронное письмо чтобы сообщить нам, что у вас возникли проблемы.

Veuillez терпеливейший кулон Que Nous vérifions Que Vous êtes une personne réelle. Votre contenu s’affichera bientôt. Si vous continuez à voir ce сообщение, связаться с нами по адресу Pour nous faire part du problème.

Bitte warten Sie, während wir überprüfen, dass Sie wirklich ein Mensch sind. Ихр Inhalt wird в Kürze angezeigt. Wenn Sie weiterhin diese Meldung erhalten, Информировать Sie uns darüber bitte по электронной почте и .

Эвен Гедульд А.У.Б. terwijl мы verifiëren u een человек согнуты. Uw содержание wordt бинненкорт вергегевен. Als u dit bericht blijft zien, stuur dan een электронная почта naar om ons te informeren по поводу ваших проблем.

Espera mientras verificamos Que eres una persona real. Tu contenido se sostrará кратко. Si continúas recibiendo este mensaje, информация о проблемах enviando электронная коррекция .

Espera mientras verificamos Que eres una persona real.Tu contenido aparecerá en краткий Si continúas viendo este mensaje, envía un correo electronico a пункт informarnos Que Tienes Problemas.

Aguarde enquanto confirmamos que você é uma pessoa de verdade. Сеу контеудо será exibido em breve. Caso continue recebendo esta mensagem, envie um e-mail para Para Nos Informar Sobre O Problema.

Attendi mentre verificiamo che sei una persona reale. Il tuo contenuto verra кратко визуализировать. Se continui a visualizzare questo message, invia удалить все сообщения по электронной почте indirizzo для информирования о проблеме.

Пожалуйста, включите Cookies и перезагрузите страницу.

Этот процесс выполняется автоматически. Вскоре ваш браузер перенаправит вас на запрошенный вами контент.

Подождите до 5 секунд…

Перенаправление…

Код: CF-102/6df57f18487d3a83

@zvooq/react-jsonschema-form — npm

Простой компонент React, способный создавать HTML-формы из схемы JSON и использовать семантику Bootstrap по умолчанию.

Живая игровая площадка размещена на gh-страницах.

Содержание

Философия

react-jsonschema-form предназначен для автоматического создания формы React на основе схемы JSON. Это основной компонент kinto-admin. Если вы хотите сгенерировать форму для любых данных, невидимых для глаз, просто учитывая схему JSON, вам может подойти форма response-jsonschema-form. Если у вас есть априорные знания о ваших данных и вам нужен набор инструментов для создания форм для них, вы можете поискать в другом месте.

response-jsonschema-form проверяет, что данные соответствуют заданной схеме, но не запрещает пользователю вводить данные, которые не подходят (например, удаление нечисловых значений из числового поля или запрет пользователю добавлять значения в массив, который уже «полный».

Установка

Требуется React 15.0.0+.

Примечание. Ветвь репозитория master отражает текущую разработку. Релизы публикуются в виде тегов.

Никогда не устанавливайте вслепую с master , а лучше проверьте доступные стабильные выпуски.

Как зависимость проекта на основе npm

  $ npm установить форму реакции-jsonschema --save
  

Примечание. В то время как библиотека отображает семантику Bootstrap HTML, вы должны создавать/загружать стили Bootstrap самостоятельно.

В качестве скрипта подается с CDN

Исходные карты доступны по этому адресу.

Примечание. Версия CDN не включает embed react и react-dom .

Вам также потребуется псевдоним свойства экспорта по умолчанию, чтобы использовать компонент формы:

 const Form = JSONSchemaForm.default;
// или
const {по умолчанию: форма} = JSONSchemaForm; 

Использование

 импортировать React, {Компонент} из "реагировать";
импортировать {рендеринг} из "React-Dom";

импортировать форму из «реагировать-jsonschema-form»;

константная схема = {
  название: "Тодо",
  тип: "объект",
  требуется: ["название"],
  характеристики: {
    title: {type: "string", title: "Title", по умолчанию: "Новая задача"},
    сделано: {тип: "логическое", заголовок: "Готово?", по умолчанию: ложь}
  }
};

const log = (тип) => консоль. log.bind(консоль, тип);

оказывать((
  <Схема формы={схема}
        onChange={журнал("изменено")}
        onSubmit={журнал("отправлено")}
        onError={журнал("ошибки")} />
), document.getElementById("приложение")); 

Это должно дать что-то вроде этого (если вы позаботились о загрузке стандартной таблицы стилей Bootstrap):

Инициализация формы

Часто вам нужно предварительно заполнить форму существующими данными; это делается путем передачи объекта prop formData , соответствующего схеме:

 константа formData = {
  title: "Первое задание",
  сделано: правда
};

оказывать((
  <Схема формы={схема}
        formData={formData} />
), документ.получитьэлемент по идентификатору("приложение")); 

ПРИМЕЧАНИЕ. Если в вашей форме есть одно поле, передайте одно значение в formData . например: formData='Чарли'

ПРЕДУПРЕЖДЕНИЕ. Если у вас есть ситуации, когда ваш родительский компонент может повторно отрисовываться, убедитесь, что вы прослушиваете событие onChange и обновляете данные, которые вы передаете атрибуту formData .

Обработчики событий формы

Подача формы

Вы можете передать функцию в качестве реквизита onSubmit вашего компонента Form для прослушивания, когда форма отправлена ​​и ее данные действительны.Ему будет передан объект результата, имеющий атрибут formData , который является допустимыми данными формы, которые вы обычно ищете:

 const onSubmit = ({form}) => console.log("Данные отправлены: "+form.formData);

оказывать((
  <Схема формы={схема}
        onSubmit={onSubmit} />
), document.getElementById("приложение")); 

Обработчик событий ошибки формы

Чтобы отреагировать, когда отправленные данные формы недействительны, передайте обработчик onError , которому передается список обнаруженных ошибок:

 const onError = (ошибки) => консоль.log("У меня есть", errors.length, "исправить ошибки");

оказывать((
  <Схема формы={схема}
        onError={onError} />
), document. getElementById("приложение")); 

Изменения данных формы

Если вы планируете получать уведомления каждый раз при обновлении данных формы, вы можете передать обработчик onChange , который будет получать те же аргументы, что и onSubmit , каждый раз, когда значение в форме обновляется.

События размытия поля формы

Иногда вам может понадобиться инициировать события или изменить внешнее состояние при касании поля, поэтому вы можете передать обработчик onBlur , который получит идентификатор размытого ввода и значение поля.

События фокуса поля формы

Иногда вам может понадобиться инициировать события или изменить внешнее состояние, когда поле находится в фокусе, поэтому вы можете передать обработчик onFocus , который получит идентификатор ввода, который находится в фокусе, и значение поля.

Настройка формы

JSONSchema ограничена описанием того, как данный тип данных должен отображаться как компонент ввода формы, поэтому в этой библиотеке представлена ​​концепция схемы пользовательского интерфейса .

Схема пользовательского интерфейса — это, по сути, литерал объекта, предоставляющий информацию о том, как должна отображаться форма, а схема JSON сообщает что .

Объект uiSchema следует древовидной структуре иерархии полей формы и для каждого позволяет определить, как он должен отображаться:

 константная схема = {
  тип: "объект",
  характеристики: {
    фу: {
      тип: "объект",
      характеристики: {
        бар: {тип: "строка"}
      }
    },
    баз: {
      тип: "массив",
      Предметы: {
        тип: "объект",
        характеристики: {
          описание: {
            "тип": "строка"
          }
        }
      }
    }
  }
}

константа uiSchema = {
  фу: {
    бар: {
      "UI:виджет": "текстовое поле"
    },
  },
  баз: {
    // обратите внимание на "элементы" для массива
    Предметы: {
      описание: {
        "UI:виджет": "текстовое поле"
      }
    }
  }
}

оказывать((
  <Схема формы={схема}
        uiSchema={uiSchema} />
), документ. получитьэлемент по идентификатору("приложение")); 

Альтернативные виджеты

Свойство uiSchema ui:widget сообщает форме, какой виджет пользовательского интерфейса следует использовать для отображения определенного поля:

Пример:

 константа uiSchema =  {
  Готово: {
    "ui:widget": "радио" // также может быть "выбрать"
  }
};

оказывать((
  <Схема формы={схема}
        uiSchema={uiSchema}
        formData={formData} />
), document.getElementById("приложение")); 

Вот список поддерживаемых альтернативных виджетов для различных типов данных JSONSchema:

Для

 константная схема = {
  тип: "объект",
  характеристики: {
    foo: {тип: "логическое"}
  }
};

константа uiSchema = {
  foo: {"ui:widget": "скрытый"}
}; 

 константная схема = {
  тип: "строка",
  формат: "данные-url",
}; 

 константная схема = {
  тип: "строка",
};

константа uiSchema = {
  "ui:виджет": "файл",
}; 

 константная схема = {
  тип: "массив",
  Предметы: {
    тип: "строка",
    формат: "данные-url",
  }
}; 

 константная схема = {
  тип: "объект",
  характеристики: {
    foo: {тип: "строка"},
    бар: {тип: "строка"}
  }
};

константа uiSchema = {
  "ui:order": ["бар", "foo"]
};

оказывать((
  <Схема формы={схема}
        uiSchema={uiSchema} />
), документ.получитьэлемент по идентификатору("приложение")); 

 константа uiSchema = {
  "ui:order": ["бар", "*"]
}; 

 константная схема = {
  тип: "массив",
  Предметы: {
    тип: "строка"
  }
};

константа uiSchema = {
  "пользовательский интерфейс: параметры": {
    заказываемый: ложь
  }
}; 

 константа uiSchema = {
  "пользовательский интерфейс: параметры": {
    добавляемый: ложь
  }
}; 

 константа uiSchema = {
  "пользовательский интерфейс: параметры": {
    съемный: ложный
  }
}; 

 константа uiSchema = {
  заглавие: {
    classNames: "название задачи foo-bar"
  }
}; 

 <дел>
  <метка>
    Заголовок*
    
  
 

 константная схема = {
  тип: "число",
  перечисление: [1, 2, 3],
  enumNames: ["один", "два", "три"]
}; 

 <выбрать>
  один
  два
  три
 

 константная схема = {
  тип: "строка",
  перечисление: ["один", "два", "три"],
};

константа uiSchema={
  "ui:enumDisabled": ['два'],
} 

 <выбрать>
  один
  два
  три
 

 константная схема = {
  тип: "массив",
  title: "Список с несколькими вариантами",
  Предметы: {
    тип: "строка",
    перечисление: ["foo", "bar", "fuzz", "qux"],
  },
  уникальные элементы: правда
}; 

 константа uiSchema = {
  "ui:widget": "флажки"
}; 

 константная схема = {
  тип: "массив",
  Минимальные предметы: 2,
  title: "Список с несколькими вариантами",
  Предметы: {
    тип: "строка",
    перечисление: ["foo", "bar", "fuzz", "qux"],
  },
  уникальные элементы: правда
}; 

 константа uiSchema = {
  "ui:widget": "флажки",
  "пользовательский интерфейс: параметры": {
    встроенный: правда
  }
}; 

 константа uiSchema = {
  "ui:rootFieldId": "моя форма"
}; 

 рендер((
  <Схема формы={схема}>
    <дел>
      Отправить
      Отмена