IntersectionObserverではてなブログ記事内のApple Musicを自動再生する - Log
Twitterに要件定義が転がっていたのでIntersectionObserverを用いて実装しました。 github.com 以下のコードを記事のどこかに貼り付けると、画面右下に自動再生ボタンが表示されます。自動再生ボタンを押すと、画面で見えている「iTunes商品紹介」を自動で再生するようになります。 <span></span><style> #autoplay-btn{color:gainsboro;background-color:#fff;background-size:cover;position:fixed;bottom:5%;right:10%;width:60px;height:60px;border:5px solid currentColor;border-radius:100%;cursor:pointer;z-index:10000}#autoplay-btn.d
Using AI to compress audio files for quick and easy sharing
Compression is an important part of the internet today, because it enables people to easily share high-quality photos, listen to audio messages, stream their favorite shows, and so much more. Even when using today’s state-of-the-art techniques, enjoying these rich multimedia experiences requires a speedy internet connection and plenty of storage space. For current and future experiences — like the
Janet Jackson had the power to crash laptop computers - The Old New Thing
A colleague of mine shared a story from Windows XP product support. A major computer manufacturer discovered that playing the music video for Janet Jackson’s “Rhythm Nation” would crash certain models of laptops. I would not have wanted to be in the laboratory that they must have set up to investigate this problem. Not an artistic judgement. One discovery during the investigation is that playing t
蠱惑の楽器たち 33．音楽と電気の歴史9 CDのデータ構造
CDの読取メカニズムについて解説します。CDは1982年に製品化され、今年2022年なので、ちょうど40年経ちました。今となっては古典的ともいえる光ディスク技術ですが、繊細で高度な制御技術の上に成り立っています。 ■ 読取メカニズム概要 ディスクにあるピットを読むために必要な駆動系は赤字の4つになります。各役割は以下のようになります。 ■ フォーカスサーボ 焦点の調整 ディスクは完全な平面ではなく、多少なりとも反っています。そのためピット面は常に上下に揺れます。ディスクの状態にもよりますが0.5mmぐらいの差は出るようですが、読取装置としては1mmぐらいの差は問題なく読めるようになっています。つまりディスクが高速に回転するときは9回転/秒ぐらいの揺れというか、振動になっています。高低差が1mmもあると1秒間に9回もフォーカスを最大限に動かす必要が出てきますが、フォーカスを調整しながら、ピッ
getUserMediaで取得したMediaStreamをWeb Audio APIで処理してWebRTCに戻す方法を探る (Kanasansoft Web Lab.)
Web Audio APIで処理した信号をWebRTCで扱える形式に出力する機能が、最新のChromeに実装されていたので試してみました。 使用したブラウザはGoogle Chrome Canaryです。 stableのChromeでもchrome:flagsで「getUserMedia() と Web Audio API の使用によるライブ音声入力を有効にします。」を有効にすれば試せますが、Canaryよりも不安定なようなのでCanaryで試す事をお勧めします。 まだ、Working DraftにもなっていないEditor's Draftが前提です。 CanaryはEditor's Draftの仕様を既に取り込んでいるようです。
Customize media notifications and handle playlists | Blog | Chrome for Developers
With the brand new Media Session API, you can now customize media notifications by providing metadata for the media your web app is playing. It also allows you to handle media related events such as seeking or track changing which may come from notifications or media keys. Excited? Try out the official Media Session samples. The Media Session API is supported in Chrome 57 (beta in February 2017, s
AudioWorkletについて調べたメモ - console.lealog();
[WebAudio API] AudioWorklet の使い方 | g200kg Music & Software この大先生の記事を読んで、自分の知ってるWebAudio知識のアップデートをしときたいなーと思って調べたことのメモです。 なので重複する部分もあるけど、+ αな部分もあります。 20191129: あらためて読み直したけど、特に更新すべき部分はない そもそもAudioWorklet Enter Audio Worklet | Web | Google Developers `ScriptProcessorNode`の後継 重い音声処理をメインスレッドでやりたくないよね いちおうAudioスレッドでやってたけど、完全ではなかった 今度こそAudioスレッドだけでできるよ 2017年12月の記事なんかこれ・・時代を感じる・・。 コード まずは使う側。 // app.js
Web Audio APIの闇 - Qiita
HTML5でゲームやリッチなコンテンツを作る上で欠かせない「Web Audio API」 しかしコイツがなかなか・・・モバイルでの特殊実装やメモリ使用量まわりで色々と闇を抱えていて・・・ ということで闇を見つけ次第、検証結果や対処方法など記録を残していきます。 iOS SafariはBGMなどの自動再生ができない iOS Safariは以下ようなコードでサウンドの自動再生ができない const AudioContext = window.AudioContext || window.webkitAudioContext; const ctx = new AudioContext(); const request = new XMLHttpRequest(); const url = 'https://zprodev.github.io/web-audio-test/assets/Campf
Autoplay policy in Chrome | Blog | Chrome for Developers
Internet memes tagged "autoplay" found on Imgflip and Imgur. New behaviors As you may have noticed, web browsers are moving towards stricter autoplay policies in order to improve the user experience, minimize incentives to install ad blockers, and reduce data consumption on expensive and/or constrained networks. These changes are intended to give greater control of playback to users and to benefit
Auto-Play Policy Changes for macOS
This is a guest post from the Safari team about changes to how Safari handles HTML5 video and audio auto-play. These changes may affect compatibility with your websites. As follow up to Safari’s updated video policies for iOS last year, this week we announced we are making important changes to auto-play policies on the Mac. These changes provide users the ability to browse the web with fewer distr
New <video> Policies for iOS
Since before your sun burned hot in space and before your race was born, Safari on iOS has required a user gesture to play media in a <video> or <audio> element. When Safari first supported <video> in iPhoneOS 3, media data loaded only when the user interacted with the page. But with the goal of returning more control over media playback to web developers, we relaxed this restriction in iOS 8: Saf
WEB SOUNDER - Web Audio API 解説 -
ただし, 'custom' (カスタム波形) のみは特殊で, 直接値を設定するとエラーが発生します. 実は, OscillatorNodeインスタンスのsetPeriodicWaveメソッドによって, (自動的に) 'custom' に設定されます. ちなみに, カスタム波形を生成する方法は, AudioContextインスタンスのcreatePeriodicWaveメソッドで波形テーブルを作成し, その波形テーブルをsetPeriodicWaveメソッドの引数に指定することです. 波形テーブルの作成は, スペクトルや倍音など音信号処理の知識が必要になるので, カスタム波形の作成は, サウンドの視覚化のページで解説します. OscillatorNodeの特性 デモ 10や概要のページのデモのコードを見て疑問をもたれた方もいると思います. その疑問とはおそらく, stopメソッドを実行したあ
phiary
phi I'm a Game Programmer and Frontend Engineer passionate about programming education. Math / C / C++ / C# / JavaScript / HTML5 / CSS3 / Python オレの Advent Calendar 2015 - Adventar の 13 日目です. むか〜し書いた『Web上でピアノ作ろう』的なエントリーが軒並みダメになっていたので もろもろ書きなおそうと思います. Chrome だとたまにしか音がならない, Safari だともはや動かない, Firefox は当時音再生系の API が違ったので考慮していないという悲惨な状況でした. IE は論外ですね. そこで, さすがにこのままこのエントリーを野放しにするわけにもいかないので書きなおしていこうと思います
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
次世代Bluetooth「LE Audio」で何が変わる? ソニーキーマンに聞いた【藤本健のDigital Audio Laboratory】