これは便利！ HTMLはdiv要素一つ、あとはCSSをコピペするだけで100種類のツールチップを簡単に実装できる -CSS Tooltips & Speech Bubbles
HTMLはdiv要素一つだけ、あとはCSSをコピペするだけで約100種類のールチップとスピーチバブルを実装できるCSS Tooltips & Speech Bubblesを紹介します。 このツールチップって実装すると、けっこう面倒ですよね。ベタ塗りのツールチップをはじめ、グラデーションの枠、しっぽの位置、しっぽの形状など、さまざまなデザインが、ここを見ればコピペで簡単に実装できます。 CSS Tooltips & Speech Bubbles CSS Tooltips & Speech Bubblesを作成したのは以前紹介したCSS Loaders（紹介記事）やCSS Ribbon Shapes（紹介記事）と同じ作者で、前回はCSSで実装されたローダーとリボンでしたが、今回は100種類のツールチップとスピーチバブルです。
Not-For-All-Audiences This repository has been marked as containing sensitive content and may contain potentially harmful and sensitive information. View content
Get a CSS-only Tooltip Shape or Speech Bubble made with a single-element and customizable using CSS variables. <div class="tooltip">Your text content</div> Read the content of each tooltip to know which one to use. You can adjust the position of the tail using the range slider. Click the shape to copy the CSS
GPTのAPIとText2Speechを組み合わせてAIとの会話体験を実装してみる | DevelopersIO
はじめに OpenAIのDevDayで発表されたText2SpeechのAPIを使ってみたいと思います。Text2Speechとは簡単にいうとテキストの読み上げ機能です。 日本語を読ませる場合、まだ少し英語訛りですが、なかなか人間っぽい発音を行います。 今回はこのText2SpeechのAPIを使って遊んでみたいと思います。 なにを作るのか？ 先程記載したように、Text2Speechでは発話を行うことができます。 この特徴とGPTの会話ができる特性を組み合わせれば、会話っぽいことができるのではないかと思い実装してみました。 今回は試験的に実装を行うため、GPTには「動物博士」としてのロールを与えて動物の雑学を教えてもらいました。 完成形は以下のような動画になります。Text2Speechを利用しているため音声ONの状態での閲覧を推奨します。 発音が英語話者っぽくなっていることや漢字を稀に
【個人開発】ChatGPT × Text-to-Speech（Google）で知育サービスを作ってみた
概要 久しぶりに個人開発をしました！ 娘が「コペル」という幼児教室に通っています。 その幼児教室で「コペルギネス」というゲームがあります。 ゲームの内容は下記のようなゲームになります。 50個の(食べ物・動物等)絵が描いてある表を見て、順に作ったお話を先生がお話してくれます。それを２回聞いて、覚えます。自分の手元にも同じカードが５０個あるのでそれを子供が１人で回答用の表に順番通りに並べて貼っていくと言うゲームです。50個のカードのうち何個同じ場所に置けていたかを制限時間内に競います。正解した数が多かった人の勝ちです。 単語と単語にお話をつけ、繋がったストーリーでイメージすることで記憶しやすくする効果があるそうです。 このコペルギネスの練習をするとき、あらかじめ物語を作っておかないと、同じ絵を登場させてしまったり、答えを覚えていなかったりと結構大変なので、それを自動化するWebアプリを作りま
Japan minister queries women's worth without birth in election speech
Japan minister queries women's worth without birth in election speech Foreign Minister Yoko Kamikawa on Saturday asked central Japan constituents how "we women can call ourselves women without giving birth," equating the importance of childbirth to electing a new governor in a speech ahead of a gubernatorial election. Kamikawa made the remarks during a visit to her native Shizuoka Prefecture in an
Over 1,000 Jewish Creatives and Professionals Have Now Denounced Jonathan Glazer’s ‘Zone of Interest’ Oscars Speech in Open Letter (EXCLUSIVE)
The group’s statement says: “We refute our Jewishness being hijacked for the purpose of drawing a moral equivalence between a Nazi regime that sought to exterminate a race of people, and an Israeli nation that seeks to avert its own extermination.” Glazer declined to comment. With such high-profile co-signees as Jennifer Jason Leigh, “La La Land” producer Gary Gilbert and “The Americans” creators
OpenAI TTS（Text to Speech） を Node.js で試してみた 先日開催された OpenAI Dev Day で新たに発表された、テキストから音声を生成する OpenAI TTS (Text To Speech) API が面白そうだったので、早速ですが Node.js 環境で簡単に試してみました。 先日開催された OpenAI Dev Day では大幅な機能追加に加え、いくつかの新しい API も発表されました。 その中で、テキストから音声を生成する OpenAI TTS (Text To Speech) API が面白そうだったので、早速ですが簡単に試してみることに。 Text to speech の概要や、API の リファレンスは下記にあります。 Text to speech - OpenAI API Create speech - API Referenc
「Google Colab」で「OpenAI API」の「Text-to-Speech」を試したので、まとめました。 前回 1. Text-to-Speech「Text-to-Speech」、テキストの読み上げを行うAPIです。6つの内蔵ボイスが付属しており、次の目的で使用できます。 ・書かれたブログ投稿のナレーション ・複数言語の音声を生成 ・ストリーミングを使用したリアルタイムオーディオ出力 2. セットアップColabでのセットアップ手順は、次のとおりです。 (1) パッケージのインストール。 # パッケージのインストール !pip install openai(2) 環境変数の準備。 以下のコードの <OpenAI_APIキー> にはOpenAIのサイトで取得できるAPIキーを指定します。(有料) import os os.environ["OPENAI_API_KEY"] = "
GitHub - fishaudio/fish-speech: Brand new TTS solution
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Modern CSS Tooltips And Speech Bubbles (Part 1) — Smashing Magazine
Tooltips are a very common pattern used in CSS for years. There are a lot of ways to approach tooltips in CSS, though some evoke headaches with all the magic numbers they require. In this article, Temani Afif presents modern techniques to create tooltips with the smallest amount of markup and the greatest amount of flexibility. In a previous article, we explored ribbon shapes and different ways to
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter. Speech extension for Visual Studio Code The Speech extension for Visual Studio Code adds speech-to-text capabilities to the chat interfaces in Visual Studio Code. No internet connection is required, the voice audio data is processed locally on your computer. Getting Started Install the GitHub Copilot Chat extension a
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
X to be investigated for allegedly breaking EU laws on hate speech and fake news
Elon Musk. The European Commission asked X to provide evidence of compliance with the new laws. Photograph: Antonio Masiello/Getty Images
GitHub - myshell-ai/MeloTTS: High-quality multi-lingual text-to-speech library by MyShell.ai. Support English, Spanish, French, Chinese, Japanese and Korean.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - yl4579/StyleTTS2: StyleTTS 2: Towards Human-Level Text-to-Speech through Style Diffusion and Adversarial Training with Large Speech Language Models
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - collabora/WhisperSpeech: An Open Source text-to-speech system built by inverting Whisper.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - huggingface/speech-to-speech: Speech To Speech: an effort for an open-sourced and modular GPT4-o
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Jack Wallen （Special to ZDNET.com） 翻訳校正： 編集部 2023-10-26 07:45 筆者は音声テキスト変換をあまり利用しない。筆者は「言葉」を生業としており、文字を非常に速く入力するスキルを備えているからだ。音声テキスト変換を軽視しているわけでは決してない。音声テキスト変換を頼りにしている多くの人に出会ってきたので、OSのアクセシビリティーを高める手段を紹介するときは、いつも強い感謝の気持ちを感じている。 そのため、「Speech Note」アプリを発見し、「Linux」で音声をテキストに変換する機能を極めて簡単に追加できることを知ったときは、興奮を覚えた。しかし、実際にSpeech Noteをインストールして使い始めると、重要な注意事項があることに気づいた。それは、強力な処理性能（それも、かなり強力な処理性能）が必要であることだ。 このアプリが非常
Modern CSS Tooltips And Speech Bubbles (Part 2) — Smashing Magazine
In Part 1 of this series, Temani Afif explored different CSS techniques to create tooltip shapes. The main challenge was to rely on a single element and create optimized code that could easily be controlled using CSS variables to update the size, shape, and position of the tail. In this second part, you are going explore more shapes. I hope you were able to spend time getting familiar with the tec
GitHub - argmaxinc/WhisperKit: On-device Speech Recognition for Apple Silicon
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - uezo/dify-voicevox-tts: VOICEVOX text-to-speech custom model for Dify
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
litagin/moe-speech · Datasets at Hugging Face
CSS Generator for Tooltip Shapes & Speech Bubbles
OpenAI TTS（Text to Speech） を Node.js で試してみた
Google Colab で OpenAI API の Text-to-Speech を試す｜npaka
VS Code Speech - Visual Studio Marketplace
GitHub - shi3z/speech-to-speech-japanese
「Linux」での音声テキスト変換に「Speech Note」アプリを使用するには