HomeProductsDownloadOrderSupportSearch
  
Myriad Forum « Integrer myrweb dans une autre page »
 Welcome, Guest.
 You can read all messages, but to be able to post,
 please Login or Register.
Mar 29th, 2024, 7:13am 
   Myriad Forum
   OMeR / Myrweb / Melody Player & other programs
(Moderator: Forum Administrator)
   Integrer myrweb dans une autre page
« Previous topic | Next topic »
Pages: 1 2 3 4  Reply | Notify of replies | Print
   Author  Topic: Integrer myrweb dans une autre page  (Read 5011 times)
Gaz
Board Junior Member
**





   
Email

Gender: male
Posts: 69
Re: Integrer myrweb dans une autre page  
« Reply #30 on: Nov 28th, 2022, 8:10pm »
Quote | Modify

Pour ma part, je viens d'essayer ceci :
Dans Harmony, j'ai créé un fichier myrweb, en mettant dans le html de base: style="width:700px; height:200px;" pour la div de classe myrweb.  j'ai ensuite ouvert le fichier obtenu en local dans Firefox.
le code source affiche dans la div  
Code:
style="width 700px; height: 1060.6px;...

 
J'ai refait la même chose en mettant la moitié style="width 350px; height: 100px
et j'obtiens cette fois-ci:
Code:
style="width: 350px; height: 550.3px;

 
J'ai refait la même chose en mettant le double style="width 1400px; height: 400px
et j'obtiens cette fois-ci:
Code:
style="width: 1400px; height: 2081.2px;

 
J'ai refait la même chose en mettant 100% style="width 100%; height: 100%
et j'obtiens cette fois-ci:
Code:
style="width: 800px; height: 1206.4px;

 
J'ai refait la même chose en mettant 50% style="width 50%; height: 50%
et j'obtiens cette fois-ci:
Code:
style="width: 800px; height: 1206.4px;

 
Ensuite j'ai créé un autre fichier pour la même partition cette fois-ci en n'indiquant aucun style dans la div...
puis j'ai créé un fichier que j'ai ouvert en local dans Firefox.
le code source affiche dans la div...  
exactement la même chose que pour le premier, soit
Code:
style="width 700px; height: 1060.6px;...

 
J'ai refait la même chose en mettant simplement style="height: 50px
et j'obtiens cette fois-ci:
Code:
style="height: 2008.3px;

 
 
J'ai refait la même chose en mettant simplement style="width: 10px
et j'obtiens cette fois-ci:
Code:
style="width: 800px; height: 1206.4px;

 
 
bref que peut-on en déduire ?
 
offline
JP
Board Master
*****






   
WWW | Email

Gender: male
Posts: 3317
Re: Integrer myrweb dans une autre page  
« Reply #31 on: Nov 29th, 2022, 11:06am »
Quote | Modify

On peut juste en déduire que l'algorithme qui recalcule les dimensions tient compte des dimensions de l'écran et de celles qu'on a indiquées dans le CSS.
Ce calcul est plus complexe qu'appliquer mécaniquement une proportion.
Si j'ai le temps j'essaierai de retrouver ça dans le code, mais comme il s'agit d'un code 'minifié' ça peut prendre pas être un peu compliqué.
offline
ANdre_B
Board Master
*****





   
Email

Gender: male
Posts: 2847
Re: Integrer myrweb dans une autre page  
« Reply #32 on: Nov 29th, 2022, 11:20am »
Quote | Modify

Tu peux rendre le code javascript (un peu) plus lisible avec "beautifier".
offline

André Baeck, de retour en Belgique après 12 ans passés dans le Gard.
Windows 11, HA 997e (et précédents)
JP
Board Master
*****






   
WWW | Email

Gender: male
Posts: 3317
Re: Integrer myrweb dans une autre page  
« Reply #33 on: Nov 29th, 2022, 3:52pm »
Quote | Modify

on Nov 29th, 2022, 11:20am, ANdre_B wrote:
Tu peux rendre le code javascript (un peu) plus lisible avec "beautifier".  

Oui, c'est ce que j'ai l'intention de faire, mais ça reste tout de même difficile à comprendre. La dernière fois que j'ai dû faire ça, j'en ai eu pour plusieurs jours avant de trouver ce que je cherchais.
offline
Gaz
Board Junior Member
**





   
Email

Gender: male
Posts: 69
Re: Integrer myrweb dans une autre page  
« Reply #34 on: Nov 29th, 2022, 4:10pm »
Quote | Modify

En fait, je cherchais un moyen de squizzer la taille d'origine de l'élément de classe myrweb, pour ne pas avoir à retoucher le style inline de l'élément de tous mes anciens fichiers un par un  :
 
Pour ceux que ça intéresse, la solution est toute simple (comment n'y ai-je pas pensé plus tôt ?!!!):
Il suffit de mettre en dernier dans le head de la page où vous voulez inclure la div, un style (ou un appel vers une feuille de style) de ce genre,  
sans oublier le !important (c'est pour cela que je l'ai mis en rouge):
 
<style>
.myrweb { width:98%!important; }
</style>

 
 
Voyez plutôt sur cette page où le myrweb inclus a, au départ, un attribut style avec les valeurs width 350px et height 100px :
 
A noter que je n'ai pas touché au height et que ça n'a pas vraiment d'influence. J'ai mis d'autres tailles pour montrer.
 
Par contre, je pense que ça ne fonctionne pas si on utilise une balise iframe ou object pour intégrer le fichier
offline
Sylvain Machefert
Administrator
*****






   
WWW |

Gender: male
Posts: 7064
Re: Integrer myrweb dans une autre page  
« Reply #35 on: Nov 29th, 2022, 11:25pm »
Quote | Modify

Le problème de jouer sur la largeur est que la partition peut déborder verticalement, et si les systèmes contiennent beaucoup de portées, dès que l'on lance la lecture, il est impossible de remonter jusqu'au bouton "Pause" qui se retrouve plus haut que l'écran, car la page a "scrollé" pour que le curseur de lecture soit bien sur l'écran.
 
Pouvez-vous essayer avec
Code:
max-height:100vh;

(100% of the viewport height)
« Last Edit: Nov 30th, 2022, 12:07am by Sylvain Machefert » offline

HA+HQ+VS+PdfToM, Reaper+Audiveris+Transcribe, Win10+Focusrite Scarlet 4i4+Nord Electro 3
Linktree: VS languages, my scripts, my bands, my performances...
Sylvain Machefert
Administrator
*****






   
WWW |

Gender: male
Posts: 7064
Re: Integrer myrweb dans une autre page  
« Reply #36 on: Nov 30th, 2022, 9:37am »
Quote | Modify

Je viens de faire des essais, et ça ne semble pas marcher. Dommage !
offline

HA+HQ+VS+PdfToM, Reaper+Audiveris+Transcribe, Win10+Focusrite Scarlet 4i4+Nord Electro 3
Linktree: VS languages, my scripts, my bands, my performances...
FF
Board Newbie
*




H.A. depuis 2000 et fier de l'être

   


Gender: male
Posts: 21
Re: Integrer myrweb dans une autre page  
« Reply #37 on: Nov 30th, 2022, 11:14am »
Quote | Modify

Effectivement, quoi qu'on fasse, le problème de l'entête de la partition myrweb qui remonte et disparait est très très gênant : il faudrait modifier le script pour que le bandeau d'entête reste fixe et que les portées seules flottent.
Pour ce qui est du paramètre width, je reste sur les valeurs en % avec en plus le centrage par "margin: 0 auto;". Attention, le % est relatif à la dimension du conteneur (div objet ou iframe).
La difficulté de cet exercice est, il me semble, d'avoir un affichage correct sur tous les supports, de téléphone à l'ordinateur : personnellement je privilégie un affichage qui occupe au mieux la largeur de l'écran. En tenant compte de vos remarques, je vais donc créer maintenant mes partition sur la base d'un format homothétique avec l'espace d'affichage sur un écran vertical de téléphone : une fois déduits les bandeaux en haut et en bas, la valeur 16:10 me parait convenir. Donc dans HA il faut créer un format personnalisé de papier ad hoc (ex. 24x15 cm)
offline

Artisan numérique
MacOs - iOs - Android
JP
Board Master
*****






   
WWW | Email

Gender: male
Posts: 3317
Re: Integrer myrweb dans une autre page  
« Reply #38 on: Nov 30th, 2022, 11:36am »
Quote | Modify

Pour ma part j'ai choisi 32x22cm et largeur d'affichage à 80% du conteneur.
C'est un peu large, mais ça se réduit en fonction de la largeur réelle de l'écran.
Pour les partitions à 4 portées ça me permet d'afficher en 100% dans la boite de dialogue de la mise en page.
S'il y a plus de portées je réduis l'affichage à 80%, parfois 60% (8 portées)
Éventuellement, j'augmente la hauteur de quelques cm.
offline
Sylvain Machefert
Administrator
*****






   
WWW |

Gender: male
Posts: 7064
Re: Integrer myrweb dans une autre page  
« Reply #39 on: Nov 30th, 2022, 11:45am »
Quote | Modify

Pour un affichage écran, le mode "paysage" de la partition peut être une solution, mais dans le cas où l'on fournit des partitions imprimables (avec le PDF téléchargeable), le format A4 portrait s'impose.
offline

HA+HQ+VS+PdfToM, Reaper+Audiveris+Transcribe, Win10+Focusrite Scarlet 4i4+Nord Electro 3
Linktree: VS languages, my scripts, my bands, my performances...
ANdre_B
Board Master
*****





   
Email

Gender: male
Posts: 2847
Re: Integrer myrweb dans une autre page  
« Reply #40 on: Nov 30th, 2022, 2:11pm »
Quote | Modify

on Nov 30th, 2022, 11:45am, Sylvain Machefert wrote:
Pour un affichage écran, le mode "paysage" de la partition peut être une solution, mais dans le cas où l'on fournit des partitions imprimables (avec le PDF téléchargeable), le format A4 portrait s'impose.

J'ai résolu cet aspect en travaillant avec des pages de 210mm de large de 95 de haut. Sur de telles pages on met confortablement un système SATB + piano + 1 soliste, par exemple. C'est techniquement "portrait" mais ça a une allure "paysage".
 
Et pour imprimer je passe la hauteur à 297, ce qui me fait des pages  portrait standard de trois systèmes.  
 
J'ai initialement fait ce choix parce que, initialement, le défilement vertical automatique dans une page portrait ne marchait pas.  
Actuellement, ce défilement automatique vertical fonctionne, mais je le trouve très désagréable à la vue, étant donné qu'une "montée" dans la fenêtre visible s'accompagne d'un "retour à gauche" au début de la ligne suivante. J'ai donc conservé ma solution (qui ressemble assez à un "mode ruban").  
 
 
 
offline

André Baeck, de retour en Belgique après 12 ans passés dans le Gard.
Windows 11, HA 997e (et précédents)
JP
Board Master
*****






   
WWW | Email

Gender: male
Posts: 3317
Re: Integrer myrweb dans une autre page  
« Reply #41 on: Nov 30th, 2022, 6:13pm »
Quote | Modify

En ce qui me concerne je ne tiens pas à ce que les chanteurs impriment les partitions à partir des fichiers myweb.
La plupart du temps les partitions qu'ils utilisent sont achetées dans le commerce ou disponibles sur Internet.
Notamment les fichiers myrweb sont écrits avec une portée par voix, ce qui n'est pas pratique pour l'impression.
 
Si je dois en faire une partition pdf spécifique, je fais deux fichiers, l'un avec un format A4 portrait, l'autre pour faire le fichier myrweb. Il suffit de changer la taille de la page dans la "mise en page", en changeant éventuellement les ruptures de lignes, ça ne prend que quelques minutes.
C'est loin d'être la panacée, mais ça me satisfait pour le moment.
offline
Gaz
Board Junior Member
**





   
Email

Gender: male
Posts: 69
Re: Integrer myrweb dans une autre page  
« Reply #42 on: Dec 1st, 2022, 12:21am »
Quote | Modify

on Nov 30th, 2022, 6:13pm, JP wrote:
En ce qui me concerne je ne tiens pas à ce que les chanteurs impriment les partitions à partir des fichiers myweb.
pareil: si jamais il en faut, j'imprime éventuellement la partition en PDF, directement dans Harmony.
A ce sujet, je n'ai vu que récemment qu'on peut désactiver l'impression de la partition dans myrweb, dans le toolset. Je ne sais pas vous mais je trouve que l'aide pour myrweb est un peu succincte et pas toujours très claire... je comprends vite mais il est vrai qu'il faut parfois m'expliquer longtemps  
 
Autrement je suis bien d'accord pour le problème de la barre de menu qui disparaît quand il y a trop de hauteur, d'où l'intérêt sur ordinateur, d'utiliser les raccourcis clavier avec barre d'espacement ou les flèches du clavier.  
Évidemment, pour ceux qui utilise des tablettes ou des Smartphones ( et ils sont de plus en plus nombreux) c'est plus compliqué
offline
Gaz
Board Junior Member
**





   
Email

Gender: male
Posts: 69
Re: Integrer myrweb dans une autre page  
« Reply #43 on: Dec 2nd, 2022, 3:04pm »
Quote | Modify

Si ça vous intéresse, j'ai fait un code php qui permet d'isoler la div myrweb, à partir d'un fichier myrweb existant, ce qui permet par exemple ensuite de faire un include dans une page php, l'avantage est qu'on a ainsi pas besoin de modifier le fichier existant...
Code:

<?php
  $url="http://monsite.free.fr/choristes/myrweb/";
  $monfichier ="monfichier.myrweb.html";
  $chaine=file_get_contents($url.$monfichier); //on va cher
 
//on va enlever tout ce qu'il y a avant la div
  $poscar = strpos($chaine, '<div class="myrweb'); // n° de position de la div
  $content1 = substr($chaine, $poscar); //supprime les caractère avant la div
 
//on va enlever tout ce qu'il y a après la div
  $balise = '</div>';
  $pos1 = strpos($content1, $balise); //n° de position de la chaine </div>
  $nb1 =  strlen($balise); // nb de caractères de la balise
  $nbDiv = $pos1 + $nb1; // nb de caractères de toute la div  
  $nbTout = strlen($content1);  //nb caracteres de l'ensemble
 
  $nbCarFin = $nbTout - $nbDiv ; // nb caractères de tout, excepté la div
  $resultat =  substr($content1, 0, -$nbCarFin); // ne laisse que la div  
 echo htmlspecialchars($resultat); //visualisation du code dans le navigateur  
//mais on peut utiliser directement la variable dans un include, ainsi: <?php  include($resultat); ?>  
?>
« Last Edit: Dec 2nd, 2022, 3:08pm by Gaz » offline
Sylvain Machefert
Administrator
*****






   
WWW |

Gender: male
Posts: 7064
Re: Integrer myrweb dans une autre page  
« Reply #44 on: Dec 3rd, 2022, 10:07am »
Quote | Modify

Un peu brutal,
le fichier peut peser plusieurs méga-octets, il va le lire via HTTP donc ça va compter dans ton trafic mensuel alloué, et tout charger en mémoire, qui peut aussi être limitée.
 
Le mieux est de générer directement les .bin depuis l'export en lot.
offline

HA+HQ+VS+PdfToM, Reaper+Audiveris+Transcribe, Win10+Focusrite Scarlet 4i4+Nord Electro 3
Linktree: VS languages, my scripts, my bands, my performances...
Pages: 1 2 3 4  Reply | Notify of replies | Print

« Previous topic | Next topic »

« Myriad Forum » Powered by YaBB 1 Gold - SP 1.1!
YaBB © 2000-2002,
Xnull. All Rights Reserved.

Top of page
Legal information Cookies Last update:  (c) Myriad