Skip to main content
100%

SoundCloud OAuth 2 User Agent Authentication Flow Demo

✓ Published0🌍 Public
Aabernier
Last edited Sep 3, 2010
Created on Mar 14, 2012

This demo shows the SoundCloud OAuth 2 user-agent authentication flow, displaying a connect link initially and then revealing the authenticated user’s token and username after authorization. It uses jQuery’s `$.ajax` to request the `/me` resource from the SoundCloud API, extracting the access token from the URL hash and sending it in the `Authorization` header. The page toggles between hidden authentication and authenticated states based on token presence, with client ID and redirect URI configured in the inline JavaScript.

AI-generated description

Similar vizzes

Loading thumbnail…

SpineCloud

SpineCloud is a login-gated SoundCloud client that retrieves and displays the authenticated user’s data. The application first checks for an OAuth access token in the URL hash, and if absent, renders a login link. It uses the Spine model framework with Spine.Ajax to fetch data from the SoundCloud API, defining a `User` model backed by remote JSON. The interface is built with jQuery templates and CoffeeScript, while the login flow relies on SoundCloud’s OAuth endpoint. No visualization is shown; the example focuses on authentication and data-fetching architecture.

Aabernier
66% match
Loading thumbnail…

Anthropic OAuth CLI - Simplified Claude Code spoof demo

This demo shows a simplified Claude Code spoof that impersonates Anthropic's OAuth flow to harvest user authorization codes. The Python script defines an `AnthropicOAuth` class that generates PKCE challenges, constructs an authorization URL pointing to claude.ai, and exchanges returned codes for access and refresh tokens via the console.anthropic.com token endpoint. It uses the `requests` library for HTTP calls and stores credentials in a local JSON file with restricted permissions, mimicking legitimate CLI authentication behavior.

JJastor11
60% match
Loading thumbnail…

omniauth using google openid

This example shows a Sinatra application that authenticates users via Google’s OpenID provider, displaying a login button on the root route and a personalized welcome message on `/app` after successful sign-in. It uses the OmniAuth framework with the `omniauth-openid` adapter, configuring a filesystem-backed OpenID store and a `:google` provider with Google’s discovery identifier. The app handles the callback at `/auth/:name/callback` by extracting user info from the `omniauth.auth` request environment, storing a formatted name and email in Sinatra’s session (enabled via `enable :sessions`), and redirecting to the protected page. Logout clears the session and returns to the root.

TTBD
51% match
Loading thumbnail…

Gist 82e5b38e9a37eec15ec3cb5c1cf5382a

This example demonstrates how to secure Laravel AJAX requests by embedding a CSRF token in the page metadata. It shows the token being generated server-side via `{{ csrf_token() }}` and placed inside a `<meta name="csrf-token">` tag for asynchronous JavaScript calls. The code highlights that the token is unique per session and must be included in every AJAX request, though Laravel allows disabling this protection, which is not recommended. The example uses Laravel’s Blade templating syntax to inject the token into the HTML.

MMistyBlunch
50% match
Loading thumbnail…

A couple of changes to example4.html from this great article by Jos Dirksen (http://www.smartjava.org/content/exploring-html5-web-audio-visualizing-sound) are sufficient to get it running in Firefox Aurora.

This example visualizes the frequency spectrum of live audio input, displaying animated bars that respond to the sound’s amplitude and frequency. It works by using the Web Audio API’s `AnalyserNode` to capture real-time data, then rendering the waveform with Canvas 2D drawing. The code includes compatibility fixes for Firefox and Chrome, switching from `createJavaScriptNode` to `createScriptProcessor` and from `noteOn` to `start`. The visible rendering loop updates bars based on the analyser’s frequency data, driven by a `requestAnimationFrame`-style callback.

Aamundo
49% match
Loading thumbnail…

Gist 562766

This example demonstrates a command-line workflow for authenticating a Twitter user via OAuth and displaying their rate-limit status. It shows the authorization URL, prompts for a PIN, and exchanges it for an access token using the `twitter_oauth` gem. The script then outputs the rate-limit data as YAML and prints the token and secret. It relies on the `TwitterOAuth::Client` class and the `request_token`, `authorize`, and `rate_limit_status` methods, with user input handled through standard input.

XXXX
49% match
Loading thumbnail…

Document

This example demonstrates Google sign-in and sign-out functionality using AngularJS. It shows a button that toggles between authentication states, reflecting whether the user is signed in. The code integrates the Google Sign-In API (gapi.auth2) with an AngularJS service wrapper, using promises from $q to handle asynchronous loading and authentication operations. The main controller exposes sign-in and sign-out methods, updating the UI based on the user’s authentication status.

Aackuser
49% match
Loading thumbnail…

Express authentication using Redis for session store and Couchdb for database (in coffeescript!)

This example demonstrates user authentication and session management in a CoffeeScript-built Express application, showing how login, signup, and logout routes handle password hashing and session regeneration. The code uses Redis as the session store via `connect-redis` and CouchDB for user persistence through the `couchdb` client, with CSRF protection from `express-csrf` and password salting via `hash.sha1`. The visualization highlights the request flow across these middleware and database calls, including error handling for duplicate users and failed logins, while relying on the Fugue cluster for deployment.

AAnsonT
49% match