태그된 주제에 저작권 보호 추가

안녕하세요,

회원 중 많은 분들이 고품질의 주제, 블로그 글 등을 작성하고 있습니다. 안타깝게도 다른 사이트에서 출처를 명시하지 않고 이를 자신의 것으로 둔갑시켜 공개하는 경우가 있습니다. 심지어 작성자가 명확히 "이 글은 이 사이트에만 게시하오니 도용하지 마세요. 이 콘텐츠를 사용하시려면 먼저 저에게 연락해 주세요."라고 명시해도 마찬가지입니다. 작성자들이 새로운 고품질 콘텐츠 생성에 대한 의욕을 잃어가고 있어 조치가 필요했습니다. 많은 방문자가 포럼 외부에서 이러한 콘텐츠를 읽기 때문에 포럼을 비공개(프라이빗)로 전환하는 것은 원하지 않습니다.

이것이 인터넷이라는 것을 잘 알고 있으며 저작권 콘텐츠에 대한 100% 완벽한 해결책은 없음을 인지하고 있습니다. 하지만 이러한 콘텐츠의 도용을 더 어렵게 만들거나, 쉽게 도용되지 않도록 만드는 것은 가능합니다. 이는 시간 낭비처럼 보일 수 있지만, 간단한 텍스트 선택 및 복사가 작동하지 않으면 많은 도용자들이 포기합니다.

우리는 copy-protected 태그를 사용하고 있으며, 이를 재사용하고 있습니다: Disable right click on image lightbox - #7 by awesomerobot

모든 회원이 주제에 #copy-protected 태그를 추가할 수 있는 옵션을 추가했습니다.
이 태그에는 다음과 같은 기능이 있습니다:

  • 우클릭 비활성화 (첫 번째 게시물의 OP 콘텐츠 .cooked 클래스 전체에 적용)
  • 복사 및 잘라내기 비활성화 (첫 번째 게시물의 OP 콘텐츠 .cooked 클래스 전체에 적용)
  • 비회원(비등록 방문자)의 경우 텍스트 선택 비활성화 (첫 번째 게시물의 OP 콘텐츠 .cooked 클래스 전체에 적용)
  • 주제 제목 섹션 위에 저작권 보호 안내 문구 추가

1. 여기 헤더에서 이 기능을 위해 사용하는 코드가 있습니다. 작성자가 주제에 저작권 태그를 추가하면 활성화됩니다.

<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() {
      // Disable right click
      $('.tag-copy-protected #post_1 .cooked').on('contextmenu', function(e) { return false; });
      // Disable copy and cut
      $('.tag-copy-protected #post_1 .cooked').bind('cut copy', function (e) { e.preventDefault(); });
    });
  }
});
</script>

2. 비회원(비등록 방문자)의 경우 텍스트 선택을 비활성화하는 추가 계층을 사용합니다. 이를 위해 common에서 CSS를 사용합니다.

.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. 주제 제목 섹션 위에 작은 빨간색 안내 문구도 추가합니다. 문구 내용은 This content has been copyright-protected by the author!입니다.

.tag-copy-protected #topic-title .title-wrapper {
  &:before {
    content: 'This content has been copyright-protected by the author!';
    color: #e40202;
  }
}

4. prevent anons from downloading files 사이트 설정을 사용하여 회원만 파일을 다운로드할 수 있도록 합니다.


이것이 우리가 이 문제를 처리하기 위해 취한 조치입니다. 이 솔루션에 대해 우리의 작성자들은 만족하며, 우리가 그들을关心和하고 존중해 준다는 점을 고맙게 생각합니다. :slightly_smiling_face: :heart: 이 정보가 조금이나마 도움이 되고 기대한 결과를 가져오기를 바랍니다. :crossed_fingers:

18개의 좋아요

잘하셨네요!

이걸 테마 컴포넌트로 패키징하는 좋은 기회인 것 같습니다?

4개의 좋아요

로버트, 감사합니다! :slightly_smiling_face:

물론이죠, 테마 컴포넌트는 정말 좋은 아이디어입니다! 물론 원하시고 시간이 허락하신다면 만들어 주시면 정말 감사하겠습니다 :slightly_smiling_face:

3개의 좋아요

도와드릴 수 있어서 기쁩니다. Pavilion에서 호스팅하고 지원할 수 있으며, 귀하와 Awesomerobot을 저자로 인정해 드리겠습니다.

현재는 제 플러그인과 TC의 Ember-CLI 호환성 및 몇 가지 버그 수정에 집중하고 있지만, 이 작업은 다음으로 진행할 수 있습니다.

테스트를 위해 개인 메시지를 보내겠습니다.

기능을 켜고 끄는 것이 유용하다면, 나중에 몇 가지 설정을 추가할 수도 있습니다. 예를 들어 특정 태그를 선택하는 설정을 추가하는 것 등이 가능합니다.

이 기능이 유용할 수 있는 다른 사용자(예: @davidkingham?)도 있을 수 있습니다.

6개의 좋아요

다른 사람들이 사용할 수 있도록 TC로 제공하는 건 정말 좋은 아이디어예요. 하지만 이미 가지고 있는 우클릭 보호 기능 외에 추가로 필요한 기능은 없거든요.

2개의 좋아요

나한테는 안 돼…

조금 더 설명해 주실 수 있을까요? 이 부분을 두 번 확인해 봤는데, 예상대로 정상 작동하고 있습니다. 앞으로 사용이 더 쉽도록 이를 Theme 컴포넌트로 만들어 보겠습니다. :slightly_smiling_face:

1개의 좋아요

그렇게 하면 정말 좋겠네요. 저는 디스코스의 기본 테마를 사용하지 않고 있는데, 두 테마 모두에서 저에게는 작동하지 않습니다… 컴포넌트를 사용하는 것이 좋은 아이디어일 것 같습니다. 감사합니다!

1개의 좋아요

코드를 수정하고 이걸로 컴포넌트를 만들었습니다. 로딩 스피너와 호환성이 좋지 않았는데, 이번 수정으로 문제가 해결되었기를 바랍니다. body 클래스 목록이 새로고침될 때 깨진 것 같습니다.

설정 항목을 몇 가지 추가했습니다.


여기서 이 내용을 찾을 수 있습니다.

4개의 좋아요

완벽하게 작동합니다. 방문자가 사진을 열거나 저장할 수 있을 뿐, 나머지는 모두 정상적으로 작동합니다.

1개의 좋아요

동영상에 사용자가 다운로드할 수 있는 세 점(…) 메뉴가 있습니다. 다운로드를 비활성화하여 보기 전용으로만 설정하고 싶습니다. https://discourse.fotografos.online/t/fotografia-como-aumentar-a-percepcao-de-valor/223449 익명 사용자의 파일 다운로드를 방지하는 옵션을 확인해 보았지만, 작동하지 않았습니다… 아이디어가 있을까요? @jaymf 또는 지원 채널의 다른 분들? 정말 감사합니다!

안녕하세요,

동영상 다운로드를 비활성화하는 간단하고 즉흥적인 해결책입니다.

Common / Header에 다음 코드를 붙여넣으세요.

동영상 컨트롤에서 다운로드 버튼만 비활성화하려면 아래를 사용하세요.

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

동영상 컨트롤에서 다운로드 버튼을 비활성화하고 동시에 우클릭(컨텍스트 메뉴)도 막으려면 아래를 사용하세요. 이를 통해 컨텍스트 메뉴를 통한 우클릭 또는 길게 누르기(모바일)에 의한 동영상 다운로드를 방지할 수 있습니다.

<script type="text/discourse-plugin" version="0.8">
  api.decorateCooked(
    $elem => $elem.find('video')
    // 컨트롤에서 다운로드 버튼 비활성화
    .attr('controlsList', 'nodownload')
    // 우클릭 컨텍스트 메뉴 비활성화
    .on('contextmenu', function(e) {
      e.preventDefault()
    }),
    { id: 'disable-video-download' }
  );
</script>
1개의 좋아요

그게 어떻게 가능할까요? 기술적으로는 영상을 보여주기 전에 다운로드해야 하지만, 다운로드 버튼을 제거한다는 의미라면 제 iPhone과 iPad에서는 영상을 클릭할 때 다운로드(다른 이름으로 저장)할지 아니면 볼지를 묻습니다.

네트워크 탭에서 URL을 가져와서 wget에 바로 전달하는 것도 가능합니다.

–

완벽하게 작동했습니다! 정말 감사합니다! 프리미엄 콘텐츠를 잠금 처리할 예정인데, 이 방법이 완벽하게 맞을 것 같습니다!

2개의 좋아요