hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


10 instruments virtuels que vous pouvez jouer dans votre navigateur Web

Si vous êtes un musicien, vous savez probablement à quel point il peut être ennuyeux d'être loin de votre instrument (s). À des moments où vous ne pouvez pas avoir votre instrument avec vous mais que vous avez l'impression que vous avez besoin d'un morceau ou deux, vous pouvez peut-être chercher un réconfort dans des instruments virtuels basés sur un navigateur . Si vous ressentez le besoin de gratter cette démangeaison musicale, vous pourriez faire pire que de jouer avec l'un de ces 10 instruments virtuels .

Gardez à l'esprit que ces instruments virtuels ne sont pas tout à fait prêts à remplacer un bon instrument matériel ou logiciel. Ils sont certainement de bons indicateurs de ce qui pourrait éventuellement être possible dans le futur, en ce qui concerne la musique basée sur un navigateur. Comme vous pouvez vous y attendre, la plupart de ces instruments virtuels sont des synthétiseurs, mais cela ne les empêche pas d'être vraiment amusants.

D'ailleurs, qui sait, peut-être verrons-nous une recréation digne d'un navigateur d'une guitare électrique dans un futur proche?

1. WebSID

Si vous êtes un enfant des années 80 alors le WebSID rappellera certainement quelques souvenirs. Le WebSID est une reconstitution numérique de la puce sonore SID emblématique, telle qu'elle est utilisée dans le Commodore 64. Elle est très simple et facile à utiliser, avec une interface simple, et peut être jouée à l' aide de votre clavier d'ordinateur . Le clavier à l'écran répond également au toucher si vous y accédez sur un smartphone ou une tablette.

WebSID est également livré avec un effet de retard intégré pour plus de possibilités de conception sonore. WebSID est également disponible sur le Chrome Web Store afin que vous puissiez lire le synthétiseur hors ligne. Notez que, puisqu'il a été créé à l'aide de l'API WebAudio, il ne fonctionne que dans les navigateurs prenant en charge l'audio HTML5 .

2. Webotribe

Le Webotribe est une recréation numérique de la populaire boîte à rythmes analogique Monotribe de Korg. Tout comme le matériel, le Webotribe est un synthé monophonique, une boîte à rythmes et un séquenceur, tous réunis en un seul. Le son est relativement fidèle à l'original aussi. Ce n'est pas une boîte à rythmes ou un séquenceur très complexe, mais c'est intuitif et la simplicité le rend très amusant à jouer .

Une chose intéressante est que le concepteur du Monotribe a aidé le développeur à améliorer son émulation du Monotribe. Le Webotribe est une applet Java, vous devez donc avoir installé Java . Mis à part le Webotribe, l'auteur a également beaucoup d'autres synthés virtuels sur le site Web avec lesquels vous pouvez jouer.

3. MZ-101

Le MZ-101 est un synthétiseur monophonique inspiré des synthés analogiques monophoniques des années 1970 et 1980, comme le Roland SH-101. Le MZ-101 ne gagnera aucun prix pour la complexité, mais il convient de se rappeler que beaucoup de disques de succès ont été faits en utilisant des synthétiseurs avec des fonctionnalités similaires. Le MZ-101 vous permet de charger et d'enregistrer des presets, et vous pouvez même partager vos presets sur Twitter .

Vous pouvez jouer du synthé à l' aide du clavier de votre ordinateur ou en cliquant sur les touches à l'écran. Comme la plupart des synthétiseurs basés sur navigateur, MZ-101 repose sur l' API Web Audio et ne fonctionnera donc pas dans les navigateurs qui ne supportent pas l'API.

4. Inudge

Inudge est une matrice de sons facile à utiliser . Pensez-y comme un moyen de créer des motifs musicaux en boucle en cliquant simplement sur une grille 16 × 16 et "dessin" les motifs que vous voulez. Vous n'avez même pas besoin de connaître une théorie musicale; tous les emplacements sont dans l'échelle pentatonique, donc presque tout ce que vous proposez sera toujours au diapason. Inudge a huit sons différents, dont une boîte à rythmes.

Inudge dispose également d'une fonctionnalité Get & Share qui vous permet d'envoyer vos créations à vos amis et à votre famille, ainsi que de générer un lien que vous pouvez publier en ligne. Vous pouvez également intégrer le widget inudge en utilisant le code HTML fourni. Inudge est une application Flash, il ne devrait donc pas y avoir de problèmes de compatibilité avec les navigateurs Web.

5. Sympathique synthétiseur système Mk 1

Le Sympathetic Synthesizer System Mk 1 est un synthé simple à utiliser avec un son qui rappelle les jours de gloire du jeu vidéo des années 1980 et du début des années 1990. Il n'essaie pas d'émuler un synthé ou une puce en particulier, contrairement au WebSID, mais le son qu'il produit rappelle plus le jeu vidéo que celui des synthés analogiques de la même période.

Vous pouvez utiliser Sympathetic Synthesizer System Mk 1 à l'aide du clavier de votre ordinateur ou des touches à l'écran. Sympathetic Synthesizer System Mk 1 a été créé à l'aide de l' API WebAudio . Il ne fonctionne donc que sur les navigateurs prenant en charge l'API.

6. Patternsketch

Patternsketch est un séquenceur audio et une boîte à rythmes . Vous pouvez créer des motifs ou jouer de la batterie en temps réel en utilisant votre clavier d'ordinateur. Patternsketch propose différents kits de batterie, allant des drumkits Jazz et Live réalistes aux drumkits électroniques, en passant par les drumkits basés sur les boîtes à rythmes Roland TR-808 et TR-909. Patternsketch vient également avec quelques modèles de batterie préfabriqués .

Vous pouvez enregistrer et partager vos modèles, ouvrant la possibilité de collaboration. Vous pouvez également exporter vos motifs sous forme de fichiers WAV, MP3 ou OGG pour une écoute hors ligne, et vous pouvez même envoyer votre motif directement à Soundcloud . Patternsketch fonctionne le mieux dans Google Chrome et Mozilla Firefox.

7. TrueGrid

TrueGrid est définitivement pour les musiciens expérimentaux et tous ceux qui s'intéressent aux synthés modulaires. En un mot, un synthé modulaire n'a pas de chemin de signal prédéterminé, et a des modules individuels qui peuvent être reliés entre eux de différentes manières. TrueGrid est une recréation numérique d'un synthé modulaire, vous permettant de coller des modules ensemble pour créer différents types de sons. Bien qu'il ne possède pas de clavier, vous pouvez utiliser votre clavier MIDI pour jouer du synthé si vous utilisez Chrome.

TrueGrid est toujours en version bêta et a encore quelques limitations. Il n'y a pas encore beaucoup de modules disponibles, et vous ne pouvez pas encore sélectionner de modules dans l'outil. Au lieu de cela, vous devrez vous enregistrer sur ModularGrid et utiliser le planificateur modulaire du site pour créer un synthé. TrueGrid fonctionne mieux dans Google Chrome .

8. WebModulaire

WebModular est un synthétiseur modulaire beaucoup plus simple qui renvoie à des synthés tels que l'ARP 2600. WebModular, comme TrueGrid, vous permet de créer votre propre flux de signaux, mais est orienté vers des sons plus conventionnels . Il dispose également d'un clavier à l'écran et prend en charge le langage MML ( Music Macro Language ) moderne, de sorte que vous pouvez simplement écrire une mélodie ou un riff, ou même une chanson entière, et le faire jouer par le synthétiseur.

WebModular a quelques préréglages que vous pouvez charger pour vous aider à démarrer. WebModular est construit à l'aide de l' API Web Audio, mais le développeur teste également une combinaison Javascript et Flash pour les navigateurs qui ne prennent pas en charge l'API Web Audio.

9. Patchwork

Patchwork est un outil avancé de synthèse sonore modulaire . Comme TrueGrid, Patchwork vous permet de relier divers générateurs de sons, effets, séquenceurs et modules utilitaires pour créer tout ce qui va de lignes de basse digne d'un dubstep à des paysages sonores d'un autre monde. La nature flexible et modulaire de Patchwork signifie que la seule chose qui vous limite est votre créativité.

Patchwork vous permet d' enregistrer et de partager des correctifs . Appuyez sur le bouton Partager votre Patch au bas de l'écran pour enregistrer le patch actuel sur le serveur et générer un lien qui ouvrira automatiquement le patch. Patchwork a été construit en utilisant Flash, il devrait donc fonctionner aussi bien dans tous les navigateurs.

10. Audiotool

Audiotool est un outil de création de musique remarquablement riche en fonctionnalités qui est plus qu'un simple instrument virtuel . Audiotool a quatre synthétiseurs et trois boîtes à rythmes . Audiotool est également livré avec des effets qui peuvent être utilisés pour modifier les sons des instruments tels que la distorsion, la réverbération et le retard. Audiotool dispose également de capacités de séquençage, ce qui vous permet de séquencer et de composer des morceaux entiers.

Si vous n'êtes pas intéressé par la composition et que vous voulez jouer avec l'un des instruments virtuels, en appuyant sur Caps Lock sur votre clavier, vous pourrez jouer des instruments d'Audiotool en utilisant votre clavier d'ordinateur . Audiotool a été construit en utilisant Flash et devrait bien fonctionner quel que soit le navigateur.

Créer des spins et des chargeurs mono-élément avec CSSPIN

Créer des spins et des chargeurs mono-élément avec CSSPIN

Vous pouvez créer des choses incroyables avec CSS3, des champs de saisie personnalisés aux listes déroulantes et même des graphiques vectoriels . Ces techniques dépassent rapidement JavaScript, ce qui permet aux développeurs de créer de meilleures expériences utilisateurs.L'une des choses les plus délicates à construire est une animation spinner de chargement, mais l'animation CSS moderne rend même cela assez simple.Pour gagne

(Conseils techniques et de conception)

Mélangez vos propres dégradés CSS avec cette application Web gratuite

Mélangez vos propres dégradés CSS avec cette application Web gratuite

Chaque concepteur de sites Web doit connaître les dégradés CSS3 . Ils ont été autour depuis des années et ils sont largement pris en charge par tous les principaux navigateurs.Et maintenant, des applications Web gratuites telles que Blend vous permettent de créer des dégradés CSS3 à la volée avec des éditeurs visuels dans le navigateur . Vous pouve

(Conseils techniques et de conception)