Ajouter une protection du droit d'auteur aux sujets étiquetés

Bonjour,

Beaucoup de nos membres ont des sujets de qualité, des articles de blog, etc. Malheureusement, d’autres les volent (et les publient sur d’autres sites comme étant les leurs sans aucune source) même si l’auteur dit clairement : “Je l’écris uniquement pour ce site, s’il vous plaît ne le volez pas… Si vous voulez utiliser ce contenu, contactez-moi avant.” Nous avons dû faire quelque chose car nos auteurs sont simplement découragés de créer de nouveaux contenus de qualité. Nous ne voulons pas rendre le forum fermé (privé) car de nombreux visiteurs lisent ces contenus depuis l’extérieur du forum.

Nous savons que c’est Internet et qu’il n’y a pas de solution à 100 % pour le contenu protégé par copyright, mais nous pouvons rendre le vol de ces contenus plus difficile ou moins facile. Je sais que cela ressemble à une perte de temps, mais de nombreux voleurs abandonnent si une simple sélection et copie de texte ne fonctionne pas.

Ce que nous faisons, c’est utiliser une balise copy-protected et réutiliser ceci : Disable right click on image lightbox - #7 by awesomerobot

Nous ajoutons une option à chaque membre pour ajouter une balise #copy-protected aux sujets.
Cette balise a quelques fonctionnalités :

  • elle désactive le clic droit (sur tout le premier message OP contenu dans la classe .cooked)
  • elle désactive la copie et la coupe (sur tout le premier message OP contenu dans la classe .cooked)
  • pour les anonymes (visiteurs non enregistrés), elle désactive la sélection de texte (sur tout le premier message OP contenu dans la classe .cooked)
  • elle ajoute une note “protégé par copyright” au-dessus de la section du titre du sujet.

1. Voici le code que nous utilisons pour cela dans l’en-tête. Lorsque les auteurs ajoutent la balise copyright au sujet, elle s’activera.

<script type="text/discourse-plugin" version="0.8">
const TopicRoute = require("discourse/routes/topic").default;

TopicRoute.reopen({
  activate: function() {
    this._super();
    Em.run.next(function() {
      // Désactiver le clic droit
      $('.tag-copy-protected #post_1 .cooked').on('contextmenu', function(e) { return false; });
      // Désactiver la copie et la coupe
      $('.tag-copy-protected #post_1 .cooked').bind('cut copy', function (e) { e.preventDefault(); });
    });
  }
});
</script>

2. Pour les anonymes (visiteurs non enregistrés), nous utilisons une couche supplémentaire, la désactivation de la sélection de texte. Nous utilisons CSS pour cela sur le commun.

.anon {
  .tag-copy-protected {
    #post_1 .cooked {
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
    }
  }
}

3. Nous ajoutons également une petite notification rouge au-dessus de la section du titre du sujet. Qui dit Ce contenu a été protégé par copyright par l'auteur !

.tag-copy-protected #topic-title .title-wrapper {
  &:before {
    content: 'Ce contenu a été protégé par copyright par l\'auteur !';
    color: #e40202;
  }
}

4. Nous utilisons le paramètre du site empêcher les anonymes de télécharger des fichiers pour que seuls les membres puissent télécharger des fichiers.


C’est ce que nous avons fait pour gérer ce problème. Nos auteurs sont satisfaits de cette solution et du fait que nous nous souciions d’eux et les apprécions. :slightly_smiling_face: :heart: J’espère que cela aidera un peu et apportera le résultat escompté. :crossed_fingers:

18 « J'aime »

Beau travail !

Cela ressemble à une excellente occasion d’empaqueter cela dans un composant de thème ?

4 « J'aime »

Merci Robert ! :slightly_smiling_face:

Bien sûr, un composant thématique est une excellente idée ! Je vous serais reconnaissant si vous pouviez le faire, bien sûr si vous le souhaitez et si vous avez le temps pour cela :slightly_smiling_face:

3 « J'aime »

Je serais ravi de vous aider. Nous pouvons l’héberger et le prendre en charge sur Pavilion et je vous donnerai, ainsi qu’à Awesomerobot, le crédit d’auteurs.

Mon objectif actuel est de rendre mes plugins et TC compatibles avec Ember-CLI et de corriger quelques bugs, mais je peux m’occuper de cela ensuite.

Je vous enverrai un message privé pour les tests.

Peut-être pourrons-nous ajouter des paramètres à un moment donné si l’activation et la désactivation sont utiles ? Peut-être pourrons-nous ajouter un paramètre pour sélectionner la balise spécifique, etc.

Il se peut que d’autres trouvent cela utile en tant que TC (@davidkingham ?)

6 « J'aime »

C’est une excellente idée d’en faire un TC pour que d’autres puissent l’utiliser, je n’ai vraiment pas besoin des fonctionnalités supplémentaires au-delà de la protection du clic droit que j’ai déjà.

2 « J'aime »

Ça ne fonctionne pas pour moi..

Pouvez-vous clarifier un peu ? J’ai revérifié cela et cela fonctionne comme prévu. Je vais essayer d’en faire un composant de thème pour que ce soit plus facile à utiliser. :slightly_smiling_face:

1 « J'aime »

Ce serait formidable ; puisque je n’utilise pas le thème par défaut de Discourse ; mais cela ne fonctionne pas pour moi avec les deux thèmes… un composant serait une bonne idée.. merci !

1 « J'aime »

J’ai changé le code et j’en ai fait un composant. Il n’était pas très compatible avec le chargement du spinner, j’espère que cela résoudra le problème. Je pense que cela s’est cassé lorsque la liste des classes body a été actualisée.

J’ai ajouté quelques paramètres.


Vous pouvez trouver ceci ici.

4 « J'aime »

Fonctionne parfaitement, seul le visiteur peut ouvrir/enregistrer les images… mais le reste fonctionne bien.

1 « J'aime »

Il y a 3 points sur la vidéo que les utilisateurs peuvent télécharger. Je veux désactiver le téléchargement - donc seulement la visualisation… https://discourse.fotografos.online/t/fotografia-como-aumentar-a-percepcao-de-valor/223449 J’ai vérifié “empêcher les anonymes de télécharger des fichiers” mais cela n’a pas fonctionné… des idées ? @jaymf ou d’autres dans le canal de support ? merci beaucoup !

Bonjour,

Voici une solution rapide et astucieuse pour désactiver le téléchargement des vidéos.

Collez ceci dans Common / Header

Utilisez ceci si vous souhaitez désactiver uniquement le bouton de téléchargement des contrôles vidéo.

<script type="text/discourse-plugin" version="0.8">
  api.decorateCooked(
    $elem => $elem.find('video').attr('controlsList', 'nodownload'),
    { id: 'disable-video-download-button' }
  );
</script>

Utilisez ceci si vous souhaitez désactiver le bouton de téléchargement des contrôles vidéo et désactiver le clic droit (menu contextuel) sur la vidéo. Cela empêche le téléchargement de la vidéo par clic droit ou appui long (mobile) depuis le menu contextuel.

<script type="text/discourse-plugin" version="0.8">
  api.decorateCooked(
    $elem => $elem.find('video')
    // désactiver le bouton de téléchargement des contrôles
    .attr('controlsList', 'nodownload')
    // désactiver le menu contextuel du clic droit
    .on('contextmenu', function(e) {
      e.preventDefault()
    }),
    { id: 'disable-video-download' }
  );
</script>
1 « J'aime »

Comment cela fonctionnerait-il jamais ? Techniquement, les vidéos doivent être téléchargées avant de pouvoir être affichées, mais même si le sens est de supprimer le bouton de téléchargement, mon iPhone et mon iPad demanderont ce que je veux faire lorsque je clique sur une vidéo : télécharger (enregistrer sous) ou afficher.

Vous pouvez également simplement récupérer l’URL dans l’onglet réseau et la lancer avec wget.

Cela a fonctionné à merveille ! Merci beaucoup ! Nous allons verrouiller le contenu premium et cela fonctionnerait parfaitement !

2 « J'aime »