サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
猛暑に注意を
www.schillmania.com
SoundManager 2 / API Demo and Code Examples Wondering where to start? This page has inline executable code examples using the SoundManager 2 API. If you're wondering how to include SM2 in your page, the basic template will get you started. SoundManager 2 Configurations SM2's API features and behaviour can vary somewhat depending on client support, so it can be helpful to test under different confi
TL;DR version: I made some shiny. Turntables in your browser. wheelsofsteel.net. Safari 5 or Chrome 12 on OS X is best. The turntable is more than just a hi-fi music player for the home. To the DJ, it's also a creative tool for remixing music in real-time. The turntable gave birth to a culture of disc jockeys and is an important element of hip-hop; it also plays a role, quite literally, in the evo
Standard I/O Pins Pin 2 Pin 3 Pin 4 Pin 5 Pin 6 Pin 7 Pin 8 Pin 9 Pin 10 Pin 11 Pin 12 Pin 13 Pin 13/LED Blink Test Pin 13 typically has a surface-mount LED (eg. as with the Uno) representing binary output. Interval (msec): Requirements A small shopping list of software is needed to get everything working. Arduino and Flash overview, steps #1 and 2 Arduino Uno (USB) running Standard Firmata 2.0+ s
Download SoundManager 2 Latest changes: IE "Edge" 14 fix, onError() and setPlaybackRate() for sound objects, eslint code modernization (maintaining back-compat to IE 6) and more. See revision history for details. Download SoundManager 2.97a.20170601 or see on GitHub, or on npm Performance tip: SM2's code size varies from over 150 KB (commented, debug-enabled) down to 12 KB (optimized) over HTTP; c
API Elements SoundManager and SMSound API SoundManager Properties allowScriptAccess altURL audioFormats bgColor consoleOnly debugFlash debugMode defaultOptions flash9Options features flashLoadTimeout flashPollingInterval flashVersion forceUseGlobalHTML5Audio html5Only html5PollingInterval ignoreMobileRestrictions movieStarOptions preferFlash url useConsole useFastPolling useFlashBlock useHighPerfo
SoundManager 2 / 360° Player Demo: JS + Canvas Visualization Canvas-based UI with visualization options. Note: Spectrum/EQ visualizations disabled for IE < 9 (too slow.) Data is not implemented under HTML5. You can also show FPS or customize the UI, or see the hi-fi version. Check the basic template for a minimal code example; also see the default 360° UI.
SoundManager 2 / "Page as a playlist" Muxtape.com-style UI, MP3/AAC Player Example This page uses Flash 9-based effects where supported. The default config uses Flash 8. You can also try enabling experimental visualization features. Crash cymbal Bass 440 Hz sine, square, sawtooth, pink noise, random 1Hz - 10KHz sweep 20060826 - Armstrong Barrlping with Carl (featureblend.com) Angry cow sound with
SoundManager 2: Javascript Drum Machine Demo Trigger the pads to play different sounds. View with debug output Photo: MPC 2500 by .schill on Flickr Your browser is cool and is using 100% HTML5 Audio. Look ma, no Flash!
UPDATED BROWSER SUPPORT, 2007: Apple iPhone (hardware v1.0) Safari 1.3.2 Opera 9 Known bugs/issues Occasional "undeclared/undefined" Javascript errors Laser fire "misses" on right side Left field margin slightly off To do Bug fixes, code improvements etc. SFX support for Mozilla (done) All original levels (done) Highscore tracking (done) Code and images by Scott Schiller | Experimental DHTML playg
2009 Update How about glossy, rounded corner Mac OS X-style buttons with 100% CSS, two HTML elements and zero images? CSS 3 is coming, and you should start using it now if you aren't already. Take a look at CSS 3 and The Future: Image-free Rounded Corners, Drop Shadows and Gradients. Another Technique for The Pile. Yep, it's another article detailing a method of doing rounded corners with CSS. In
Even More Rounded Corners With CSS (Another technique for the pile.) 2009 update: CSS 3 and border-radius can do rounded corners without any images, and support for RGB/alpha opacity and gradients with opacity is also on the way. Check out CSS 3 and the future for newer, shinier examples! There's an increasing desire (at time of writing, February 2007) to provide rounded corner dialogs with variou
jsAMP: Example SoundManager 2 Application --------------------------------------------------------- * GENERAL DISCLAIMER: jsAMP is UNSUPPORTED DEMO CODE. * jsAMP is provided "as-is" and as an example application using the API functionality provided by SoundManager 2. (It's also a dev. sanity QA check / API test suite.) I don't recommend throwing it on your band/label's site expecting it to
HTML5 + flash hybrid Complexity, reduced Supporting HTML5 audio can be tedious in modern browsers, let alone legacy ones. With real-world visitors using browsers ranging from mobile Safari to IE 6 across a wide range of devices, there can be many support cases to consider. SoundManager 2 gives you a single, powerful API that supports both new and old, using HTML5 audio where supported and optional
soundManager.play('helloWorld','/hello-world.mp3'); Sometimes, necessity is the mother of invention. Or in this case, procrastination. I've been working on a DJ/production/music-related site (still not live at time of writing despite the domain being a year old,) and rather than launch a somewhat-finished design, figured I should have an inline MP3 player to allow people to browse the site while l
Obsolete / Unsupported Notice + Disclaimer This experimental project was developed in 2004, and is no longer maintained nor supported - feel free to explore and tinker, download and use as you wish, but please be aware that this code is provided as-is and without support, etc.: "You're on your own!" :) There might be only one way to look at photos, but there are an infinite number of ways to organ
Snowstorm: A JavaScript Snow Effect for HTML Bringing snow to the web since 2003. This version: 1.44.20131208 Change Wind | Stop Snowing | Bonus widget: Smash Christmas Lights (Note: Christmas Lights are incompatible with IE 6 because of PNG images.) Let It Snow. So, you want JavaScript snow on your web site, eh? Snowstorm is a JavaScript-driven snow effect that can be easily added to web pages. I
You're reading one of a three-part series on Javascript animation. Also see part 1: Javascript animation basics, and part 3: Creating motion tweens in javascript. So You Want Smooth Animation, Eh? In the first part of this tutorial, the basis of Javascript animation via iterative setTimeout() or setInterval() calls was discussed. This entry tries to explain why client-side animation is natively in
You're reading one of a three-part series on Javascript animation. Also see part 2: Smooth javascript animations, and part 3: Creating motion tweens in javascript. Animation Theory - The Basics I have been refining a number of object-oriented javascript animation techniques recently, so it seemed right to write some notes, explanations and comments about my approach to animation based on various f
You've visited %d1 out of %d2 listed sites. Want to see the list? Show me now, dammit! The List Not feeling terribly Web 2.0-aware? Consider checking out some of these sites. Maybe you'll get a better reaction next time! ;) Take the test! Part disturbing, part humour, this is a built-overnight, fun "Web 2.0 Awareness Test" based on a combination of CSS and Javascript which allows a site to program
This is an inline dialog. Note this particular version will not render correctly in IE < 7, as no DirectX/alphaImageLoader filters are being applied. As alpha transparency is being applied with the PNGs, margins are used to make room to allow the "sliding doors" technique to have a transparent right-hand corner that does not have the left side tiling underneath it. For example: The top right-hand
Here's a dialog. For some nifty drop-shadows with alpha transparency, see the PNG-based version. Download this code + images This is an inline dialog. This approach makes use of the "sliding doors" technique of background image layering, where two elements are nested in order to provide "left" and "right" images. In this particular case, the left images have been cut at 800px width but could easil
2007 Update A new technique, Even More Rounded Corners With CSS, has been published; it uses a single image instead of slices, and still supports PNG + alpha transparency etc. Check it out. 2006 Version Admit it. You know it, your Mom knows it and even your Grandmother probably knows it by now: Rounded corners, borders and drop shadows (while nothing new) are all the rage these days on the "Web 2.
A javascript animation experiment What's this all about? (AKA, "Holy pointless lightshow, Batman!") Fireworks.js is a bit of Javascript that creates starburst-type explosions in a web document; in short, it's a fireworks effect someone could theoretically use on their site. And come on, who doesn't want something like that? As far as appropriateness is concerned, this effect could be compared to t
TL;DR version: I played this in the early 1990s on an old 8088-based IBM-PC compatible; this is my interpretation of it. Play now at /armor-alley. Related: Development process, screenshots etc. Also on GitHub. A browser-based interpretation of the classic 1990 game. Armor Alley is a side-scrolling simulation involving strategy. The primary goal is to get a van across the battlefield to the enemy b
January 2007: SM1 end of life notice SoundManager ("V1") is no longer supported nor maintained. It has been deprecated in favour of SoundManager 2, which provides a highly-featured Javascript sound API via Flash 8 + ExternalInterface, better documentation and demos. Check it out. Executive Summary SoundManager is an object-oriented library/API which provides a Javascript interface to control sound
このページを最初にブックマークしてみませんか？
『The creative and technical vents of Scott Schiller』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
