{"id":28497229,"url":"https://github.com/google-gemini/angular-webaudio-melodies-sample","last_synced_at":"2025-07-12T12:35:01.559Z","repository":{"id":240096331,"uuid":"794759922","full_name":"google-gemini/angular-webaudio-melodies-sample","owner":"google-gemini","description":null,"archived":false,"fork":false,"pushed_at":"2025-06-05T01:38:08.000Z","size":2425,"stargazers_count":20,"open_issues_count":11,"forks_count":5,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-07-05T22:12:47.419Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/google-gemini.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"docs/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-05-01T22:26:37.000Z","updated_at":"2025-07-01T03:19:12.000Z","dependencies_parsed_at":"2024-05-16T18:29:32.562Z","dependency_job_id":"1779f775-9fe8-4d3e-bf45-a556b6e34334","html_url":"https://github.com/google-gemini/angular-webaudio-melodies-sample","commit_stats":null,"previous_names":["google-gemini/angular-webaudio-melodies-sample"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/google-gemini/angular-webaudio-melodies-sample","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/google-gemini%2Fangular-webaudio-melodies-sample","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/google-gemini%2Fangular-webaudio-melodies-sample/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/google-gemini%2Fangular-webaudio-melodies-sample/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/google-gemini%2Fangular-webaudio-melodies-sample/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/google-gemini","download_url":"https://codeload.github.com/google-gemini/angular-webaudio-melodies-sample/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/google-gemini%2Fangular-webaudio-melodies-sample/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264991336,"owners_count":23694608,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-06-08T13:05:35.639Z","updated_at":"2025-07-12T12:35:01.103Z","avatar_url":"https://github.com/google-gemini.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular Web Audio melodies sample\n\nDeveloper sample app written in Angular demonstrating melody generation using the Gemini API. The generated melodies are played in the browser using the Web Audio API.\n\n\u003ca href=\"https://idx.google.com/import?url=https://github.com/google-gemini/angular-webaudio-melodies-sample\"\u003e\n\u003cpicture\u003e\n  \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://cdn.idx.dev/btn/open_dark_32@2x.png\"\u003e\n  \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://cdn.idx.dev/btn/open_light_32@2x.png\"\u003e\n  \u003cimg height=\"32\" alt=\"Open in IDX\" src=\"https://cdn.idx.dev/btn/open_purple_32@2x.png\"\u003e\n\u003c/picture\u003e\n\u003c/a\u003e\n\n## Pre-requisites\n\n1. Node.js and npm\n  * Download and install Go: https://docs.npmjs.com/downloading-and-installing-node-js-and-npm\n2. Gemini API key\n  * Launch Google AI Studio: https://aistudio.google.com/\n  * Click “Get API Key”\n\n## Getting started\n\nCompile and run the app:\n\n```shell\nnpm i\nnpm start\n```\n\nIn the text box with placeholder \"API key\" enter your Gemini API key. Enter a prompt, for example, \"Twinkle Twinkle Little Star\" and click \"Generate\".\n\n## API key privacy\n\nCalling the Google AI Gemini API directly from the app frontend is recommended for prototyping only. We strongly recommend that you only call the Google AI Gemini API server-side to keep your API key safe. You risk potentially exposing your API key to malicious actors if you embed the API key directly in your web, mobile, or desktop app or fetch it remotely at runtime.\n\nFind an example how to do this in the following [Gemini tutorials](https://ai.google.dev/gemini-api/docs/get-started).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgoogle-gemini%2Fangular-webaudio-melodies-sample","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgoogle-gemini%2Fangular-webaudio-melodies-sample","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgoogle-gemini%2Fangular-webaudio-melodies-sample/lists"}